重新加载数据表而不重新加载页面?

时间:2012-12-30 14:53:28

标签: jquery asp.net .net

如何在不重新加载整个页面的情况下重新加载数据表?我希望它从“AllSales”中获取新值。我也在为我的表使用jquery插件“datatable”。

   $("#SalesTable").dataTable();

这是我的表:

<table id="SalesTable">
                        <thead>
                            <tr>
                                <th>Date</th>
                                <th>Email</th>
                            </tr>
                        </thead>
                        <tbody>
                          <% {
                                foreach (var item in AllSales)
                                {
                                   %>
                                   <tr>
                                     <td><%=item.Date %></td>
                                     <td><%=item.Email%> </td>
                                   </tr>
                                <%}
                            }
                         %>

                        </tbody>
                    </table>

1 个答案:

答案 0 :(得分:1)

使用ajax抓取数据,将其扔入对象并根据对象动态更改数据表的内容。我使用任何.net语言已经好几年了,所以我不能用asp给你写一个例子。

<html>
<tbody id='datatable'>
</tbody>
</html>

var tbodyData;
var post = $.ajax({
 url: "someurl.asp",
 type: "POST",
 data: {"some data"},
 success: function() {
  var object = post.responseText;
  object.parseJSON();
  for (data in object) {
   tbodyData += "<tr><td>" + object[data] + "</td></tr>\n";
  }
  $("datatable").html(tbodyData);
 }
});

这样的事情应该这样做。