js进阶ajax读取json数据（ajax读取json和读取普通文本，和获取服务器返回数据（链接）都是一样的，在url处放上json文件的地址即可）

一、总结

ajax读取json和读取普通文本，和获取服务器返回数据（链接）都是一样的，在url处放上json文件的地址即可

var lii=document.createElement('li'); //3、dom动态创建元素document.createElement 

div1.appendChild(lii) //4、dom动态给元素添加孩子

var obj=JSON.parse(str) //2、解析json：将json从字符串转化为数组或对象

 

二、js进阶ajax读取json数据

json中数据：

1 [ 2   { 3     "name":"张三", 4     "id":123456, 5     "sex":"男", 6     "VIP":"lv1" 7   }, 8   { 9     "name":"李四",10     "id":123457,11     "sex":"男",12     "VIP":"lv3"13   },14   {15     "name":"李丽",16     "id":123458,17     "sex":"女",18     "VIP":"lv2"19   }20 ]

html代码

1  2  3  4   
      5    6   16   17 18 19   20   
     
21   43 44