jquery读取table以json数据返回服务器 求高手解答.具体是从后台服务端返回JSON数据,在页面中显示TABLE,然后修改后想用jquery读取table以json数据返回服务器 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 自己写代码,把Table里面的数据取出来。组织成JSON,提交到服务器不就结了。 需要自己取得,把记录写成json表达式再jquery. 这个我知道的。我想问的就是如何把table里的数据取出,然后组织成json。可以给我写个小例子吗? 恩。有没例子参考一下。如何把table中的数据取出生成json 用jQuery去遍历table还不会吗? 我认为json主要是后台传递给js用的格式。你把js的数据封装成json再交给后台再解析感觉更麻烦,效率还不高。你直接把修改后的值,和每行的唯一标识传递给后台就好了。 我要实现的是从服务器去了数据把数据转为json,然后我通过getjson可以在页面里得到了json。并可以动态生成table,也实现了编辑表格的功能。现在不知道的就是怎么把table里面经过修改的值通过jquery传给服务器保存。不知道要怎么弄。可以教下吗?我初学jquery 我初学jquery,可以写个小例子吗 我用的table是keytable。有谁可以帮忙修改下代码,让我可以获取table中的值,然后生成json发送给服务端 <script type="text/javascript"> $(document).ready(function() { $("#example tbody ").html(""); //清空列表中的数据 $.getJSON( "JsonData.ashx", //产生Json数据的服务端页面 //要查询的数据(可选) function(json) { $.each(json, function(i) { var $table = $("#example tbody tr"); var len = $table.length; $("#example tbody ").append("<tr class='\odd_gradeX'\><td align=\'center\'>" + len + "</td><td align=\'center\'>" + json[i].ID + "</td><td align=\'center\'>" + json[i].Items + "</td></tr>"); }); var keys = new KeyTable({ "table": document.getElementById('example') }); $('#example tbody td').each(function() { keys.event.action(this, function(nCell) { keys.block = true; $(nCell).editable(function(sVal) { /* Submit function (local only) - unblock KeyTable */ keys.block = false; return sVal; }, { "onblur": 'submit', "onreset": function() { setTimeout(function() { keys.block = false; }, 0); } }); /* Dispatch click event to go into edit mode - Saf 4 needs a timeout... */ setTimeout(function() { $(nCell).click(); }, 0); }); }); }); }); </script><body id="kt_example"> <div class="full_width big"> KeyTable editing example </div><div id="demo"> <table cellpadding="0" cellspacing="0" border="0" id="example" class="display KeyTable" > <thead> <tr> <th>Rendering engine</th> <th>Browser</th> <th>Platform(s)</th> </tr> </thead> <tbody> <tr class="odd_gradeX"> <td align="center"></td> <td align="center"></td> <td align="center"></td> </tr> </tbody><tfoot> <tr> <th>Rendering engine</th> <th>Browser</th> <th>Platform(s)</th> </tr> </tfoot></table></div> 如何取消掉事件注册调用 标题要长!!!_JS放大图片为原始尺寸(已附带放大为固定尺寸,扩展思维改为自动放大原始尺寸,希坛中大大们出手指导喔!!!) UTF-8与UTF-16的区别是什么? 有用JS实现的表达式生成器么 提交时文本框中相同数据的判断 juqery append添加顺序问题 怎样实现快速登陆邮箱 象这种自适应的代码如何写呢 script既加载src脚本执行里面的代码如何实现呢 call和callee的区别是啥回事 关于js中的闭包与变量的问题 jquery未定义,刷新下就好了,不知哪里有问题,那个大神帮我看下
你把js的数据封装成json再交给后台再解析感觉更麻烦,效率还不高。
你直接把修改后的值,和每行的唯一标识传递给后台就好了。
不知道要怎么弄。可以教下吗?我初学jquery
<script type="text/javascript">
$(document).ready(function() { $("#example tbody ").html(""); //清空列表中的数据 $.getJSON(
"JsonData.ashx", //产生Json数据的服务端页面
//要查询的数据(可选)
function(json) {
$.each(json, function(i) {
var $table = $("#example tbody tr");
var len = $table.length;
$("#example tbody ").append("<tr class='\odd_gradeX'\><td align=\'center\'>" + len + "</td><td align=\'center\'>" + json[i].ID + "</td><td align=\'center\'>" + json[i].Items + "</td></tr>");
});
var keys = new KeyTable({
"table": document.getElementById('example')
});
$('#example tbody td').each(function() {
keys.event.action(this, function(nCell) { keys.block = true;
$(nCell).editable(function(sVal) {
/* Submit function (local only) - unblock KeyTable */
keys.block = false;
return sVal;
}, {
"onblur": 'submit',
"onreset": function() {
setTimeout(function() { keys.block = false; }, 0);
}
}); /* Dispatch click event to go into edit mode - Saf 4 needs a timeout... */
setTimeout(function() { $(nCell).click(); }, 0);
});
});
}); });
</script><body id="kt_example">
<div class="full_width big">
KeyTable editing example
</div>
<div id="demo"> <table cellpadding="0" cellspacing="0" border="0" id="example" class="display KeyTable" >
<thead>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
</tr>
</thead>
<tbody> <tr class="odd_gradeX"> <td align="center"></td> <td align="center"></td> <td align="center"></td> </tr> </tbody>
<tfoot>
<tr>
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform(s)</th>
</tr>
</tfoot></table>
</div>