怎么把后台传过来的Json拼成table 用Jquery ajax()

页面上的表格定义：
<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));//将表格内容增加到表格里

});

巴特西

怎么把后台传过来的Json拼成table 用Jquery ajax()

最新文章

热门文章