如何删除上一个附加数据

时间:2012-05-21 17:52:23

标签: jquery asp.net gridview append

我有一个js文件,可以将webmethod中的数据附加到gridview。我的问题是每当我再次单击我的按钮时,它会附加并添加新数据以及gridview中的先前数据。有没有办法删除最后一个附加数据并添加一个新数据?另一个问题。在绑定gridview时,我需要在加载页面时绑定数据,以便让它显示我想要追加的数据。如何在尝试添加新数据时删除绑定的数据源?很抱歉很多很多问题。谢谢!

$.ajax({
   url: "Default.aspx/getDetails",
   data: Data,
   type: "POST",
   dataType: "json",
   contentType: "application/json; charset=utf-8",
   success: function (mydata) {
   for (var i = 0; i < mydata.d.length; i++) {
       $(".rpt").html("<table id=\"tbl\"><tr>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Date Joined</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Memberid</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Member ID</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>User ID</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Username</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Password</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Full Name</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>First Name</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Last Name</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Birth Date</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Address</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Location</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Sponsor ID</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Parent ID</th>" +
                         "<th style='background-color: #75a844' class='tbl_h'>Placement</th>" +
                         "</tr>");

            for (var i = 0; i < mydata.d.length; i++) {
                $("#tbl").append("<tr><td>" + mydata.d[i].datejoined +
                                                                   "</td><td>" + mydata.d[i].memid +
                                                                   "</td><td>" + mydata.d[i].memberid +
                                                                   "</td><td>" + mydata.d[i].userid +
                                                                   "</td><td>" + mydata.d[i].usrname +
                                                                   "</td><td>" + mydata.d[i].pssword +
                                                                   "</td><td>" + mydata.d[i].fullname +
                                                                   "</td><td>" + mydata.d[i].fname +
                                                                   "</td><td>" + mydata.d[i].mname +
                                                                   "</td><td>" + mydata.d[i].lname +
                                                                   "</td><td>" + mydata.d[i].bdate +
                                                                   "</td><td>" + mydata.d[i].address +
                                                                   "</td><td>" + mydata.d[i].location +
                                                                   "</td><td>" + mydata.d[i].sponsorid +
                                                                   "</td><td>" + mydata.d[i].parentid +
                                                                   "</td><td>" + mydata.d[i].placement + "</td></tr>");
            }
            $("#tbl").append("</table>");
        }
    });

1 个答案:

答案 0 :(得分:0)

  

cacheBoolean   默认值:true,false表示dataType'script'和'jsonp'   如果设置为false,它将强制浏览器不缓存请求的页面。将cache设置为false还会将查询字符串参数“_ = [TIMESTAMP]”附加到URL。

cache : false,

如果你的#Grid1D里面没有其他元素,你也可以这样做:

$("#Grid1D").html(
       // ...
);

而不是.append()