怎么把后台传过来的Json拼成table 用Jquery ajax()
2013-09-07 17:57
183 查看
页面上的表格定义: <table id="tableId"></table> js中的代码: var $parent0 = $('#tableId);//获取页面上id为tableId的table对象 $parent0.append($("<tr><td>姓名</td><td>年龄</td></tr>"));//html字符外面的$()不能少,这是jquery的 var tableStr;//定义一个用来拼表格内容的字符串 $.post("/getJson.action", { //ajax请求,这个地址需要返回json数据(json字符串) varName1:$('#varId1').val(),//传递参数 varName2:$('#varId2').val() }, function (data, textStatus){//data就是返回的json数据,textStatus表示请求返回的状态 alert(data);//可以再此看看返回的全部json数据 $.each( data , function(i, item) {//这个data是个数组, //数组里是包含了name和age属性的对象 alert(item['name']);//item就表面每个对象,用item['name']来获取对应属性的值 alert(item['age']); //在each方法中循环地拼tr,td元素,也可以不拼单个,直接在each方法是append到table对象下 tableStr += "<tr><td>"+item['name']+"</td><td>"+item['age']+"</td</tr>"; }); $parent0.append($(tableStr));//将表格内容增加到表格里 });
相关文章推荐
- 玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- 怎么从后台同步获取json数据
- jquery ajax返回json数据进行前后台交互实例
- JS遍历后台传过来的JSON数据
- 在jquery ajax中,如果从后台往前台传一个List集合,则在前台怎么解析
- 玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- 前台用json传参后台怎么用实体类接收
- json在jquery1.5.1中后台传值过来时候的格式注意事项
- 前台JS获取后台的Json数据, 动态创建table并填充数据
- JS遍历后台传过来的JSON数据(由Map转化成)
- JSON解析的内容中含有table标签怎么处理以及自定义标签的处理
- JSON 数组 怎么用数据拼成json
- js与jQuery实现获取table中的数据并拼成json字符串操作示例
- 通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
- 使用ajax接收后台发送过来的json数据方法
- jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
- jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
- 遍历对table中input[type='text']的数据封装成json提交到后台处理
- **后台怎么处理JSON数据中含有双引号?
- 1js动态拼接表格,2获取表格内属性,并将table表格元素封装成json,3后台将json转成list