如何使用Ajax和Jquery從PHP數據庫中提取信息，並使用該信息填充元素？

Question

我正在調整一個網站，以便員工更容易編輯產品。 現在，有人必須登錄數據庫並更改價格，然后有人必須更改網站本身的物理html。

所以我編寫的代碼將所有產品從數據庫中提取出來，並將它們顯示在可以編輯的頁面上。 我認為用Ajax做一切都是最好的。

ajaxRequest.open（“GET”，url，true）; ajaxRequest.send（NULL）;

問題是，我只知道如何使用URL處理Ajax請求（使用POST，GET等）。 我需要幫助編寫代碼以從數據庫中提取信息並顯示它。

表名是PRODUCTS。 產品中包括ID，STOCK，SHORTNAME，DESCRIPTION，PRICE和SHIPPING列。

在HTML中，我有一個div設置：

<div class="product">

   <div class="productName">
   SHORTNAME, PRICE, SHIPPING
   </div>
   <div class="productDesc">
   ID, DESCRIPTION, STOCK
   </div>

</div>

我想設置它，所以如果我點擊一個按鈕，ajax會從PRODUCT中提取所有信息，並創建.productName div。 如果用戶單擊.productName ，則會進一步展開以顯示.productDesc 。

問題：如何在按鈕單擊時使用AJAX查詢數據庫，並將信息放入元素中？

Answer 1

Ajax無法訪問您的數據庫。 Ajax只是從URL加載內容。 您的應用程序必須執行此操作，並將結果提供給ajax調用。

這是它的工作方式。

1. 瀏覽器在您的服務器上打開一個URL
2. PHP呈現一個頁面以在瀏覽器上顯示
3. 用戶點擊了一些東
4. Javascript向您的服務器發送Ajax請求
5. PHP收到此請求並查詢數據庫
6. PHP呈現請求的響應
7. 頁面上的Ajax處理程序以純文本形式接收此響應，並使用它做一些有趣的事情（例如插入HTML，評估JSON或執行javascript）

Ajax只是一種從URL加載響應而無需實際導航瀏覽器到該頁面的方法。 它不（也不應該）具有任何類型的直接數據庫訪問權限。 實際上它根本不知道有一個數據庫。

想象一下，如果任何javascript可以讀取或寫入數據庫中的任何字段，則會出現安全問題。 這將是一個黑客的夢想。

Answer 2

您必須編寫一個查詢數據庫的PHP腳本，並以JSON或HTML形式返回結果。

這個腳本是通過jQuery調用的。 例如

$('#main').load('http://your-url.com/yourscript.php');

這會將yourscript.php生成的輸出（假設它是HTML）加載到ID為main的元素中。

你可以在這里找到一個帶jQuery的Ajax教程。 關於jQuery教程網站的更多教程。

Answer 3

PHP - 實際上，似乎沒有jquery的工作 - 一旦有人在數據庫中編輯它，應用程序每次點擊獲取最新信息。

除非我誤解了你的問題，否則我認為這與jQuery / AJAX沒有任何關系。