要
实现将
数据添加到
购物车效果，需要前端和后端的配合。
前端部分：
1. 在 HTML 页面
中添加
购物车按钮，并为其绑定一个事件监听器；
2. 在事件监听器
中使用 AJAX 技术向后端发送请求，请求添加商品到
购物车中；
3. 显示添加成功或失败的信息。
一个简单的HTML页面代码示例：
```html
<!DOCTYPE html>
<html>
<head>
<title>商品列表</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".add-to-cart").click(function() {
var id = $(this).data("id");
$.ajax({
url: "addToCart.php",
method: "POST",
data: {id: id},
success: function(response) {
$(".message").html(response);
}
});
});
});
</script>
</head>
<body>
<h1>商品列表</h1>
<ul>
<li>商品1 <button class="add-to-cart" data-id="1">加入
购物车</button></li>
<li>商品2 <button class="add-to-cart" data-id="2">加入
购物车</button></li>
<li>商品3 <button class="add-to-cart" data-id="3">加入
购物车</button></li>
</ul>
<div class="message"></div>
</body>
</html>
```
在这个示例
中，我们为每个商品添加了一个加入
购物车的按钮，并为每个按钮设置了一个 `data-id` 属性，用来表示该商品的唯一标识符。当用户点击加入
购物车按钮时，我们使用 AJAX 技术向后端发送请求，并将商品的唯一标识符作为参数传递给后端。
后端部分：
1. 接收前端发送的请求，获取商品的唯一标识符；
2. 根据商品的唯一标识符从
数据库
中获取商品的信息；
3. 将商品的信息添加到
购物车中，并将
购物车保存到 session
中；
4. 返回添加成功或失败的信息给前端。
一个简单的PHP代码示例：
```php
<?php
session_start();
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$id = $_POST["id"];
// 根据商品的唯一标识符从
数据库
中获取商品信息
$item = getItemById($id);
if ($item) {
// 将商品信息添加到
购物车中
if (!isset($_SESSION["cart"])) {
$_SESSION["cart"] = array();
}
array_push($_SESSION["cart"], $item);
echo "商品已添加到
购物车。";
} else {
echo "商品不存在。";
}
}
?>
```
在这个示例
中，我们首先获取前端发送的请求
中的商品唯一标识符，并根据该标识符从
数据库
中获取商品信息。如果商品存在，我们将其添加到
购物车中，并将
购物车保存到 session
中。最后，我们返回添加成功或失败的信息给前端。
1327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
