在电商网站搭建过程中，前端时常会向前端恳求数据，有时候通过HTML、JS和PHP文件的处理来实现数据的连通。通常情况下，用户在HTML中做关键字操作，JS对递交的表单进行数据处理，向前端发起ajax恳求对应PHP的api接口，PHP在接收到数据后对联接服务器，服务器再通过PHP中的SQL句子对数据库关键字进行处理返回给PHP，再由PHP返回给后端，前端通过JS处理将数据渲染在HTML中，最终呈现给用户。图1为数据传输流程图：
图1 HTML、JS与PHP之间的数据传输流程图
以加入商品到购物车为例，本例为模拟数据，和实际的数据库的数据不同。
图2 商品列表
加入购物车的点击风波大致步骤为：用户点击"加入购物车"按钮==>页面获取当前商品惟一值（如商品ID：productID）==>JS处理点击风波，将惟一值连同用户信息通过ajax恳求传送给PHP===>PHP向服务器恳求联接===>数据库句子执行===>服务器将执行结果返回给PHP===>PHP将执行结果传送给后端。
如果数据库句子执行成功，那么数据库中该用户的购物车表就多了一项刚加入的商品数据，同时服务器也会向PHP返回执行成功信息（及一条不为空的数据串），而用户的界面都会显示"成功加入购物车"等字样（如图1-1所示）；若执行失败，也会将失败信息（err）传给PHP，用户界面也会显示相应的提示，如图3所示。
图3 成功加入购物车提示
1. HTML中的代码实例，商品列表信息通过引入art-template模块进行渲染，代码如下
2. JS中的数据恳求处理实例如下,加入购物车的恳求的api文件路径为，此时将点击加入的商品ID及操作的用户ID封装为对象，用ajax的post恳求传给服务端
$(".productContainer").on("click", ".add", function () {
var productID=$("#prodID").val()；//获取到当前商品的ID值
