ajax请求数据动态渲染表格

Posted Carina

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax请求数据动态渲染表格相关的知识,希望对你有一定的参考价值。

 1  $.ajax({
 2             url: "/flow/userTaskFileShow.cc",
 3             data: {"processDefinitionId": pdid, "processInstanceId": pid, "taskId": n.taskId},
 4             dataType: "json",
 5             cache: false,
 6             success: function (response) {
 7                 var tipContent = "<table>";
 8                 if (response != null) {
 9                     if (response.fileList != null) {
10                         $.each(response.fileList, function (i, k) {
11                             if (k) {
12                                 // 人工下载
13                                 tipContent += "<tr><td style=‘padding:0 18px; width: 200px;overflow:hidden;‘>" + k + "</td><td style=‘padding: 5px;width:124px;text-align:right;‘><a data-fileName=‘" + k + "‘  data-taskid=‘" + n.taskId + "‘    href=‘#‘   class=‘user_task_upload‘>下载</a></td></tr>";
14                             }
15                         });
16                     }
17                     if (response.remark != null) {
18                         $("#user_task_remark").html("");
19                         $("#user_task_remark").html($("<span>" + response.remark + "</span>"))
20                     }
21                 }
22                 tipContent += "</table>";
23                 $("#user_task_file").html("");
24                 $(tipContent).appendTo($("#user_task_file"));
25 32             }
33         });

 

以上是关于ajax请求数据动态渲染表格的主要内容,如果未能解决你的问题,请参考以下文章

Ajax简单的请求数据以表格的形式渲染到页面

动态获取本地json文件,渲染为表格-前端html+css+javascript,nth-child选择器,实时浏览插件,vscode,ajax

ajax动态获取表格数据对某一项数据的操作解决办法

JS中将ajax请求返回json数据动态生成表格显示在div中

element-ui 动态表头渲染表格

JavaScript 动态渲染页面爬取 —— 基于 Selenium