如何使用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没有任何关系。