ajax请求.action

最新推荐文章于 2021-08-06 08:47:34 发布

lijj_html5

最新推荐文章于 2021-08-06 08:47:34 发布

阅读量518

点赞数

文章标签： ajax action .each

本文链接：https://blog.csdn.net/lijj_html5/article/details/69573124

版权

本文介绍了一种使用Ajax技术动态加载表格数据的方法。通过发送GET请求至指定的action文件并获取JSON格式的数据，利用jQuery处理这些数据并在网页上动态展示。具体实现包括遍历返回的JSON对象并构造HTML字符串，最后更新DOM元素。

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

如下代码

$.ajax({
type: "GET",
url: "newhome.action?method=accomplish", //请求action文件中的一个方法
dataType: "json",
success: function(data){
console.log(data);
var html = '';
$.each(data, function (commentIndex, comment){ //遍历返回的数据，使其动态加载到dom中。
html+='<tr><td><a href='+'/wiapi/showTaskForm?action=showTaskFrom&instanceid='+comment['pathe2']+'&taskid='+comment['pathb2']+'&openmode=refresh>'+comment['topic']+'</a></td><td>'+getMyDate(comment['time'])+'</td><td>'+comment['name']+'</td><td><a href='+'/wiapi/processmonitor?resid='+comment['pathe2']+'&instanceid='+comment['path']+'>'+comment['play']+'</a></td></tr>';
})
$('#accomplish>tbody').html(html);