如何在单击按钮时刷新jQuery追加表格数据到GridView

时间:2013-07-29 16:52:07

标签: jquery html asp.net html-table webmethod

这是一个场景,点击搜索按钮,附加带有html表格数据(td)的GridView控件的内容,从WebMethod加载html表格的数据。问题是,当每次单击“搜索”按钮时,GridView附加具有相同行记录的表数据,有什么办法可以避免这种情况吗?

的jQuery

    $("#dialog_link").click(function (e) {
        e.preventDefault();               
        $.ajax({  
            type: "POST",
            url: "CustomerSearch.aspx/SearchCustomer",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify({ value: $("#search_key").val() }),
            dataType: "json",
            async: true,                   
            success: function (data, status) { 
                var table;
                console.log(data);                       
                for (var i = 0; i < data.d.length; i++) {
                    table += "<tr><td class='key' style='display:none'>" + data.d[i].custid + "</td>" +
                                    "<td><a class='custlink' style='text-decoration:none' href=#>" + data.d[i].custname + "</a></td>" +
                                    "<td>" + data.d[i].mobno + "</td>" +
                                    "<td>" + data.d[i].email + "</td></tr>";
                }
                $("#gvCustomer").append(table);                        
            },
            error: function (data, status, error) {
                //console.log(error)
            },
        });

HTML

 <div id="search_result" style="margin-top:10px">
     <asp:GridView ID="gvCustomer" runat="server" Width="100%"></asp:GridView>
 </div >

0 个答案:

没有答案