ajax读取txt文本中的json并显示在html页面表格上
程序员文章站
2022-06-19 10:28:51
txt文本 js html 以上内容借鉴 "https://blog.csdn.net/qq_20916285/article/details/46695839" 。 ......
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" id="tb"><tr><td>姓名</td><td>年龄</td></tr></table> </div>
以上内容借鉴。