图2 商品列表

加入购物车的点击事件大致步骤为：用户点击“加入购物车”按钮==>页面获取当前商品唯一值（如商品ID：productID）==>JS处理点击事件，将唯一值连同用户信息通过ajax请求传送给PHP===>PHP向服务器请求连接===>数据库语句执行===>服务器将执行结果返回给PHP===>PHP将执行结果传送给前端。

如果数据库语句执行成功，那么数据库中该用户的购物车表就多了一项刚加入的商品数据，同时服务器也会向PHP返回执行成功信息（及一条不为空的数据串），而用户的界面就会显示“成功加入购物车”等字样（如图1-1所示）；若执行失败，也会将失败信息（err）传给PHP，用户界面也会显示相应的提示，如图3所示。

图3 成功加入购物车提示

1.HTML中的代码实例，商品列表信息通过引入art-template模块进行渲染，代码如下

2.JS中的数据请求处理实例如下,加入购物车的请求的api文件路径为http://localhost/api/add.php，此时将点击加入的商品ID及操作的用户ID封装为对象，用ajax的post请求传给服务端

3.PHP中的代码（及JS中所请求的add.php文件）

4.当用户进入购物车时，页面要请求该用户在数据库中的购物车表cartList，此时查询结果应该为一个数组，数组里的每一个子元素对应一个唯一的商品对象，数据库查询语句如下：

关于PHP语法的说明：

mysql_query() 函数执行某个针对数据库的查询，每次查询结果仅有一条数据。

mysql_fetch_row() 从和结果标识 data 关联的结果集中取得一行数据并作为数组返回。每个结果的列储存在一个数组的单元中，偏移量从 0 开始。依次调用 mysql_fetch_row() 将返回结果集中的下一行，如果没有更多行则返回 FALSE。