使用 ajax 和 jquery 删除服务器端的多条记录答案

【问题标题】：Remove multiple records serverside with ajax and jquery使用 ajax 和 jquery 删除服务器端的多条记录
【发布时间】：2014-08-20 08:57:51
【问题描述】：

我正在尝试删除具有相同类名的多个表，我的 js 代码 sn-p 工作一次，除非再次刷新页面，否则它不会循环到下一个表。

当我评论我的 ajax 调用并运行它时，它工作正常。，我认为我的 ajax 调用有问题......

这个 jsfiddle url http://jsfiddle.net/ehsansajjad465/ExnkV/ 有没有 ajax 的 sn-p....如何确保 ajax 调用正常工作而不是每次都刷新我的页面？

$(".closeprod").live("click",function(e){
        e.preventDefault();
        elem = $(this).parents('.tbl');
        //get serial number         
        prodsn = $(".tbl").find(".prodsn:eq(0)");
        sn = $(prodsn[0]).html().substr(5);
                    tpl = "anything";

        url = "delprod.asp?email=<%=email%>&sn=" + sn + "&t=" + tpl + "&nf=notfeatured";
        //remove product from xml file
        $.get(url, function(data,status){
            if (data == "OK") {
                //remove product from template                  
                elem.remove();
            }else{

            alert("opps something is wrong")
            }
        });
    });

【问题讨论】：

什么是tpl 变量，您没有为其分配任何值
tpl 和 sn as (serial number) 将出现在服务器端......在这种情况下，它可以是任何东西，我只是修改了我的代码。很奇怪它只删除一次，但是当我刷新页面时它可以再次删除......我认为js找不到多个sn
尝试为它们设置一些值以使 ajax 调用工作并返回一些响应
当我删除一个表时，我确实得到了“成功”响应，但是当我想删除下一个表时我没有……但是在我刷新页面后，我可以再次这样做。 ...
你能让你的 jsfiddle ajax 调用工作吗？？

标签： javascript jquery ajax

【解决方案1】：

我发现这一行 prodsn = $(".tbl").find(".prodsn:eq(0)");应该是 prodsn = elem.find(".prodsn:eq(0)");它就像这样工作

【讨论】：