ajax内容页面再使用ajax不能连续发起请求

[lovebaby]

一个电商网站，在右上角加了一个我的购物车，鼠标浮上去会ajax加载购物车中的商品，ajax加载的这个页面文件名为tocart.aspx，然后在tocart.aspx的商品列表中加了一个删除按钮，然后通过这里删除单个商品，这个删除商品继续使用了ajax，请求了一个delpro.aspx的页面，待删除商品后，用jquery把当前商品的节点删除。

这样做现在的问题是，在鼠标浮动显示出购物车商品的时候，第一次点删除按钮，可以删除商品，然后在鼠标不离开弹出的购物车的时候（即弹出的这个购物车不隐藏的情况下），继续点击删除按钮，就失效了。除非鼠标离开，让弹出框回去然后再弹出来，才能点击删除。

附图：


tocart.aspx里的删除商品的JS代码：

    function delpro(skuid) {
        //alert(skuid);
        //$(".carttitle").text("asdf");
        $.ajax({
            type: "post",
            url: "ashx/DelCartProduct.ashx",
            cache: false,
            data: { id: skuid },
            dataType: "html",
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            success: function (data) {
                $("#li_" + skuid).remove();
            }
        });
    }

[斯洛文尼亚旅游]

删除按钮的事件怎么绑定的？直接写在dom的onclick里面？

[lovebaby]

是的 <a href="javascript:void(0)" onclick="delpro(<%#Eval("SKUID") %>)">删除</a>

[gxingmin]

你跟踪下DelCartProduct.ashx后台，看看第二次进去了没有 感觉是进去了，只不过没有成功返回吧，即ajax回来时没进入success：

[lovebaby]

没有进去，//$(".carttitle").text("asdf");，carttitle是弹出窗口的“最新加入窗口”的div，我用这个div动态显示跟踪了传入的skuid，实际第一次是有值的，第二次没有值。

[gxingmin]

那就是绑定有问题，你查看源代码，看看是不是所有的<a>标签都有onclick事件，参数对不对

[lovebaby]

再者只要传到服务器端，肯定会执行删掉商品，即使当时删除商品不能马上反映出现，刷新之后也可以看到效果。但实际是，我刷新之后还是没有删除。

[lovebaby]

程序循环下来的，一个有肯定就都会有。

[lovebaby]

ajax出来的数据

[斯洛文尼亚旅游]

引用 8 楼 xiaojie_cp 的回复:

ajax出来的数据

自己用开发工具看下报错了没有，多用alert语句跟踪下js函数执行，ajax不要只增加success回调，要是动态也报错了，就会什么操作都不执行一样。。。都不知道出什么问题，要同时增加error回调输出错误 function delpro(skuid) { $.ajax({ type: "post", url: "ashx/DelCartProduct.ashx", cache: false, data: { id: skuid }, dataType: "html", contentType: "application/x-www-form-urlencoded; charset=UTF-8", success: function (data) { $("#li_" + skuid).remove(); }, error: function (xhr) { alert(xhr.responseText) } }); }