33、优化购物车：AJAX 与订单处理实现

优化购物车：AJAX 与订单处理实现

1. AJAX 增强购物车功能

在现代电商网站中，为了提升用户体验，让购物车操作更加流畅，我们可以使用 AJAX 技术来实现购物车的更新。当从购物车中移除商品、将商品保存为稍后购买或者更新商品数量时，这些操作将在后台异步进行。在异步请求期间，会显示一个 “Updating…” 标签，直观地提示用户购物车正在更新。

1.1 实现步骤

• 修改模板文件 ：打开 presentation\templates\cart_details.tpl 文件，为按钮点击事件添加 JavaScript 函数调用。以下是修改后的代码：

{* cart_details.tpl *}
{load_presentation_object filename="cart_details" assign="obj"}
<div id="updating">Updating...</div>
{if $obj->mIsCartNowEmpty eq 1}
<h3>Your shopping cart is empty!</h3>
{else}
<h3>These are the products in your shopping cart:</h3>
<form class="cart-form" method="post" action="{$obj->mUpdateCartTarget}"
onsubmit="re