<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-3.3.1.js"></script> </head> <body> <script> var dianxin="dianxin"; $.ajax({? ? ? ? type:"GET",? ? ? ? dataType:"jsonp",? ? ? ? jsonp: "callback", jsonpCallback:dianxin+"_jsonpCallback",? ? ? ? url:"http://218.95.161.229:8082/wt/appProApprovalAction/app!jsonpBuildLogProList.action?pageIndex=1",// ? ? data:{proName:"項目名稱",proId:"項目id",createTime:"創建時間",statusStr:"項目狀態"},? ? ? ? success:function (data) {? ? ? ? var txt=JSON.parse(data);? ? ? ? for(i in data){? ? ? ? txt+="<tr>"+? ? ? ? "<td>"+data[i].proName+"</td>"+? ? ? ? "<td>"+data[i].proId+"</td>"+? ? ? ? "<td>"+data[i].createTime+"</td>"+? ? ? ? "<td>"+data[i].statusStr+"</td>"+"</tr>";? ? ? ? ? ? ? ? ? ? }? ? ? ? ?template.innerHTML=txt; ? ? ?}, error:function(XMLHttpRequest, textStatus, errorThrown){ ? ? ? alert("請求失敗"); ? ? ?}? ? ? ? }); </script> <table id="datas" border="1" ?style="border-collapse: collapse">? ? ? ? ? <tr> ? ? ? ?<th>項目名稱</th> ? ? ? ?<th>項目id</th> ? ? ? ?<th>創建時間</th> ? ? ? ?<th>項目狀態</th>? ? ? ? ? </tr>? ? ?<tr id="template"> ? ? ? <td id="proName"></td> ? ? ? <td id="proId"></td> ? ? ? <td id="createTime"></td> ? ? ? <td id="statusStr"></td>? ? ? ? ? </tr>? ? ? ? </table> ?? </body></html>
使用Ajax get請求數據，用表格顯示不出來
cute倩影O_o
2018-10-17 22:55:18