txt文本[{"name":"minmin","age":"21"},{"name":"huahua","age":"22"},{"name":"jiji","age":"23"}]js<scriptsrc="jquery.js&quo

txt文本

[{"name":"minmin","age":"21"},{"name":"huahua","age":"22"},{"name":"jiji","age":"23"}]

js

<script src="jquery.js" charset="utf-8"></script> <script> window.onload=function(){ $.ajax({ type: "GET", url: "data/json.txt", dataType: "json", success: function(result){ let json=result; console.log(json); for(i=0;i<json.length;i++){ var trTD = "<tr><td>"+json[i].name+"</td><td>"+json[i].age+"</td></tr>"; $("#tb").append(trTD); } }, error: function(){ alert("失败了"); } }); }(); </script>

html

<div> <table style="border: 1" ><tr><td>姓名</td><td>年龄</td></tr></table> </div>

以上内容借鉴https://blog.csdn.net/qq_20916285/article/details/46695839。

ajax读取txt文本中的json并显示在html页面表格上  第1张

转载请说明出处
知优网 » ajax读取txt文本中的json并显示在html页面表格上

发表评论

您需要后才能发表评论