js怎么读取本地的 json数据

Posted 2023-04-16

参考技术A var
json
=

contry:
area:
man:"12万",
women:"10万"


;
//方式一：使用eval解析
var
obj
=
eval(json);
alert(obj.constructor);
alert(obj.contry.area.women);
//方式二：使用Funtion函数
var
strJSON
=
"name:'json
name'";//得到的JSON
var
obj
=
new
Function("return"
+
strJSON)();//转换后的JSON对象
alert(obj.name);//json
name
alert(obj.constructor);
//复杂一点的json数组数据的解析
var
value1
=
["c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9",
"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12",
"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"];
var
obj1
=
eval(value1);
alert(obj1[0].c01);
//复杂一点的json的另一种形式
var
value2
=
"list":[
"password":"1230","username":"coolcooldool",
"password":"thisis2","username":"okokok"],
"array":["password":"1230","username":"coolcooldool","password":"thisis2","username":"okokok"];
var
obj2
=
eval(value2);
alert(obj2.list[0].password);

HTML5怎么读取json文件

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

$.getJSON("demo_ajax_json.js",function(result)
$.each(result, function(i, field)
$("div").append(field + " ");
);
); 

执行函数后，输出结果 Bill Gates 60

参考技术A 使用ajax调取数据