jquery或javascript顯示「更多信息」，從SQL數據庫中取得的數據

我不知道這是否可能，我已經看過它，但似乎無法找到任何東西。jquery或javascript顯示「更多信息」，從SQL數據庫中取得的數據

我只是想舉一個我的場景的快速例子。基本上我有兩個主要的表類和汽車。例如，行政級將有S級，寶馬7系等，緊湊將有迷你庫珀等

現在，在網站上我想要做的是通過javascript/ajax/jquery（不是很確定什麼方法）是顯示類，並允許用戶能夠點擊它然後在顯示車輛

現在，我有一個SQL數據庫，並且這是不斷變化的，汽車可以編輯或更改等所以當我點擊一個班級時，顯然需要顯示更新的信息。

但是，在做了一些研究之後，我似乎無法找到一種不涉及硬編碼信息的方法。

請幫忙嗎？

來源

2014-01-19 user3188067

您需要創建兩個動態頁面 - 一個檢索類別（類別），一個檢索所選類別中的汽車。

你還沒有提到你正在使用哪種服務器端語言，所以我現在假設PHP，但它對任何你選擇的語言都是一樣的。

第1部分 - categories.php

查詢數據庫和檢索所有類別的清單（姓名，身份證）在SELECT列表中
輸出這些（或類似）
包括一個DIV其他容器來填寫該類別的任何檢索到的車輛

輸出將是這樣的：

<select id="categories"> 
    <option value="-1">Select a category</option> 
    <option value="1">Executive</option> 
    <option value="2">Compact</option> 
</select> 

<div id="cars"><!-- cars go here --></div>

我已經使用屬性「value」來存儲類別的數據庫ID，以便以後通過JQuery進行檢索。

第2部分 - cars.php

需要一個URL參數「類別」來確定使用來查詢汽車
哪個類別（？例如cars.php類別= 1）
查詢數據庫與所選擇的類別ID和檢索匹配汽車
輸出結果以HTML列表（或類似）

第3部分 - JavaScript

一旦你有了上述的東西，你可以簡單地從類別列表中選擇ID並在選項更改時發送汽車請求。在你的類別。PHP的頁面，你會首先包括jQuery庫，那麼這個腳本：

JQuery(document).ready(function($){ 
    // capture change event on select list 
    $("categories").on('change', function(){ 
     // get current value 
     var value = $(this).val(); 

     // retrieve cars using AJAX, passing category value 
     $.get("cars.php", {category:value}, function(data){ 
      // html list for cars retrieved here as data - fill in the cars html 
      $("#cars").html(data); 
     }); 
    }); 
});

當然也有很多方法對皮膚的貓，但是這可能是最簡單的對於初學者。如果您關心的是獲取每個請求的最新信息，那麼每次類別更改時都需要返回到服務器。如果數據庫更改可能不太頻繁，並且數據集不是很大，那麼您可以考慮將其全部集中在一個JSON中，並將其用作本地「數據庫」來進行查找。

來源

2014-01-19 21:45:25 oobi

現在就試試這個。請讓你知道它是如何，謝謝。 – user3188067

jquery或javascript顯示「更多信息」，從SQL數據庫中取得的數據

回答

相關問題