HTML5怎么读取json文件

Posted 2023-03-27

利用getJson（）函数获取json文件
getJson(url,[data],[Callback]),对具体的参数解释如下：

url:加载的页面地址

data:传递的数据

Callback:加载完成是回调函数

例子：

[html] view plain copy
function LoginQueryAccount()
$.getJSON("userinfo.json",function(data)
var $jsontip = $(".rightdiv");
var strHtml = "";//存储数据的变量
$jsontip.empty();//清空内容
$.each(data,function(infoIndex,info)
strHtml += "姓名："+info["name"]+"</br>";
strHtml += "性别："+info["sex"]+"</br>";
strHtml += "邮箱："+info["email"]+"</br>";
strHtml += "</hr>"
);
$jsontip.html(strHtml);//显示处理后的数据
)

参考技术A 利用getJson（）函数获取json文件
getJson(url,[data],[Callback]),对具体的参数解释如下：

url:加载的页面地址

data:传递的数据

Callback:加载完成是回调函数 参考技术B 严格来说应该是js，建议使用jq框架
$(selector).getJSON(url,data,success(data,status,xhr))
参数描述

url 必需。规定将请求发送到哪个 URL。

data 可选。规定发送到服务器的数据。
success(data,status,xhr) 可选。规定当请求成功时运行的函数。额外的参数：
data - 包含从服务器返回的数据
status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）
xhr - 包含 XMLHttpRequest 对象

demo_ajax_json文件:
"firstName": "Bill","lastName": "Gates","age": 60本回答被提问者采纳