如何使用 Ajax 和 Jquery 从 PHP 数据库中提取信息，并使用该信息填充元素？

我正在调整一个网站，以便员工更轻松地编辑产品。现在，必须有人登录数据库并更改价格，然后必须有人更改网站本身的物理 html。

因此，我正在编写代码，从数据库中提取所有产品，并将它们显示在可以编辑的页面上。我认为用 Ajax 来做所有事情都是最好的。

ajaxRequest.open(“GET”, url, true); ajaxRequest.send(null);

问题是，我只知道如何使用 URL（使用 POST、GET 等）处理 Ajax 请求。我需要帮助编写代码以从数据库中提取信息并显示它。

表名称是“产品”。产品中包含 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分区如果用户点击.productName，然后它将进一步扩展以揭示.productDesc.

问题：如何通过单击按钮使用 AJAX 查询数据库，并将信息放入元素中？

Ajax 无法访问您的数据库。 Ajax 只是从 URL 加载内容。您的应用程序必须执行此操作，并将结果提供给 ajax 调用。

下面是它的工作原理。

1. 浏览器在您的服务器上打开一个网址
2. PHP 渲染页面以在浏览器上显示
3. 用户点击某物
4. Javascript 向您的服务器发送 Ajax 请求
5. PHP收到这个请求并查询数据库
6. PHP 呈现请求的响应
7. 页面上的 Ajax 处理程序以纯文本形式接收此响应，并用它执行一些有趣的操作（例如插入 HTML、评估 JSON 或执行 javascript）

Ajax 只是一种从 URL 加载响应的方法，而无需实际将浏览器导航到该页面。它没有（也不应该）有任何形式的直接数据库访问。事实上它根本不知道有数据库。

想象一下，如果任何 JavaScript 可以读取或写入数据库中的任何字段，将会出现安全问题。这将是黑客的梦想。