HTML5怎么读取json文件

2024-11-18 01:24:58

推荐回答（3个）

回答（1）：

利用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"]+"
";
strHtml += "性别："+info["sex"]+"
";
strHtml += "邮箱："+info["email"]+"
";
strHtml += ""
});
$jsontip.html(strHtml);//显示处理后的数据
})

}

回答（2）：

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

url:加载的页面地址

data:传递的数据

Callback:加载完成是回调函数

回答（3）：

严格来说应该是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}