HTML5怎么读取json文件

如题所述

利用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);//显示处理后的数据
})

}
温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-08-16
利用getJson()函数获取json文件
getJson(url,[data],[Callback]),对具体的参数解释如下:

url:加载的页面地址

data:传递的数据

Callback:加载完成是回调函数
第2个回答  2017-08-16
严格来说应该是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}本回答被提问者采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网