<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ajax读取json文件</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> </head> <body> <div id="result"></div> <script> $(function(){ $.getJSON("data.json",function(data){ var $jsontip = $("#result"); var strHtml = "";//存储数据的变量 $jsontip.empty();//清空内容 $.each(data,function(infoIndex,info){ strHtml += "姓名：" + info["name"] + " 年龄：" + info["age"] + "</br>"; }) $jsontip.html(strHtml);//显示处理后的数据 }) }) </script> </body> </html> <!-- 文章来源：介绍两种方法JS读取 .JSON 文件 http://www.webkaka.com/tutorial/js/2022/0324105/ //-->
卡卡测速网
>
js技术
>
介绍两种方法JS读取 .JSON 文件【实例演示/源码下载】
添加收藏
下载源代码
|
运行结果
demo.html
运行代码
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX