服务器再把GridView反构造成DataTable,
再给DataTable增加一行之后，绑定到GridView，然后发回客户端
能不能简单一点呢？
在使用Ajax数据请求数据，通常都是简单格式，比如String，信息量较少。当然也可以请求回XML，但是XML数据冗余多，取到客户端处理比json麻烦的多。
能不能简单一点呢？
上面这些问题，如果DataTable与JSON类型可以方便的相互转换，都可以迎刃而解了。
优点：1）避免不必要的回传；
2）精简异步请求数据的大小
；
3）解决数据量较大时，数据发送与接收繁琐的问题。
既然好处这么多，我们上代码吧。
前台代码：
复制代码
代码如下:
<html
xmlns=">
首先，Ajax请求数据，（用的是Jquery的Ajax）
复制代码 代码如下:
<script>
$(function(){
$('#test')click(function(){
$ajax({
url:'__APP__/Article/jsonTest',
type:'post',
success:function(data){
var item;
$each(data,function(i,result){
item
=
"<tr><td>"+result['num']+"</td><td>"+result['title']+"<
/td><td>"+result['credate']+"</td><td> *** 作<
/td></tr>";
$('table')append(item);
});
}
})
})
});
</script>
后台处理请求，返回Json格式数据（用的是Thinkphp返回）
复制代码 代码如下:
$list = $File->group('num')->order('id desc')->limit($Page->firstRow','$Page->listRows)->select();
$this->ajaxReturn($list,'JSON');
html部分
复制代码 代码如下:
<table class="table table-striped table-bordered table-condensed">
<tr><th>编号</th><th>名称</th><th>创建时间</th><th> *** 作</th></tr>
</table>
function getData() {
//ajax 返回数据 data，这里做测试为 json 格式的定值
var data = [{ "a": "aa", "d": "dd" }, { "a": "ab", "d": "dc"}];
reTB(data);
}
function reTB(data) {
var tb = documentgetElementById("tb");
//删除原先数据，2 为保留表头，值为表头行数减1
for (var n = tbrowslength - 1; n > 1; n--) {
tbdeleteRow(n);
}
for (var i = 0; i < datalength; i++) {
var row = tbinsertRow(tbrowslength);
var c1 = rowinsertCell(0);
c1innerHTML = data[i]a;
var c2 = rowinsertCell(1);
c2innerHTML = data[i]d;
}
}<input type="button" value="re" onclick="getData()"/>
<table id="tb" border="1">
<tr><td colspan="2">a</td></tr>
<tr><td>b</td><td>c</td></tr>
<tr><td>b1</td><td>c2</td></tr>
<tr><td>b3</td><td>c4</td></tr>
</table>
以上就是关于Asp.net下使用Jquery Ajax传送和接收DataTable的代码全部的内容，包括:Asp.net下使用Jquery Ajax传送和接收DataTable的代码、ajax 怎样获取表格的某一行某一列文本框的值、如何将ajax请求返回的Json格式数据循环输出成table形式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）