Jquery Ajax返回Json字符串拼接table

最新推荐文章于 2021-08-06 18:23:36 发布

czhhlove

最新推荐文章于 2021-08-06 18:23:36 发布

阅读量5.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Asp.Net 精品收藏文章标签： jquery ajax json js拼接table

本文链接：https://blog.youkuaiyun.com/czhhlove/article/details/10742247

Asp.Net 同时被 2 个专栏收录

5 篇文章

订阅专栏

精品收藏

2 篇文章

订阅专栏

本文详细介绍了如何利用jQuery AJAX方法发送GET请求至指定URL，并通过JavaScript解析响应数据，将JSON对象转换为表格元素，实现数据的动态加载与表格更新过程。重点在于数据的处理逻辑与表格的动态渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Jquery部分代码：

$.ajax({

type: "GET",
url: "Ajax/Test.ashx",
data: "HandleType=GetList&PName=" + escape($("#localvalue").val()), //要发送的数据
dataType: "text",
success: function (data) {
if (data != null && data != "") {
var dataObj = eval("(" + data + ")"); //转换为json对象
var html = "";
for (var i = 0; i < dataObj.length; i++) {

html += "<tr style=\'cursor:pointer;\' onclick=\"InfoWindow(\'" + dataObj[i].Name + "\',\'" + dataObj[i].ID + "\',\'" + dataObj[i].Code + "\');\">";
html += "<td>" + (parseInt(i) + parseInt(1)) + "</td><td>" + dataObj[i].Name + "</td>";
html += "</tr>";

}
$("#table").html(html);
}
}

})

html部分

PS：红色部分是容易出错的地方