点击加入购物车会显示加入成功的弹窗代码

好的，以下是一个简单的示例代码，实现了点击加入购物车按钮后显示加入成功的弹窗：

HTML代码：

<!-- 点击加入购物车按钮，触发addToCart函数 -->
<button onclick="addToCart()">加入购物车</button>

<!-- 显示加入成功的弹窗 -->
<div id="success-dialog" style="display:none">
    商品已成功加入购物车！
</div>

JavaScript代码：

function addToCart() {
    // 获取商品信息等必要参数
    var productId = 123; // 商品ID，假设为123
    var productName = "商品名称"; // 商品名称，假设为"商品名称"

    // 发送添加购物车请求
    $.ajax({
        url: "/addToCart", // 请求的后端接口地址
        type: "post",
        data: {
            productId: productId,
            productName: productName
        },
        success: function(data) {
            // 添加成功，显示弹窗
            $("#success-dialog").show();
        },
        error: function() {
            // 添加失败，显示错误信息
            alert("添加购物车失败！");
        }
    });
}

以上代码使用了jQuery库来发送Ajax请求和操作DOM元素。在成功添加商品到购物车后，通过jQuery的`show()`函数来显示弹窗，`hide()`函数可以隐藏弹窗。需要注意的是，弹窗的样式和动画效果可以通过CSS来设置，这里只展示了简单的文本内容。