HTML5怎么读取json文件

发布网友 发布时间:2022-04-22 02:00

我来回答

3个回答

热心网友 时间:2022-04-20 00:28

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

}

热心网友 时间:2022-04-20 01:46

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

url:加载的页面地址

data:传递的数据

Callback:加载完成是回调函数

热心网友 时间:2022-04-20 03:20

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

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com