如何使用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中提取所有信息,并创建 .productNamediv.如果用户点击.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可以读取或写入数据库中的任何字段,则会出现安全问题.这将是一个黑客的梦想.