使用JQ的AJAX来读取JSON文件

最新推荐文章于 2024-08-17 03:29:01 发布

面具哥布林

最新推荐文章于 2024-08-17 03:29:01 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/oak160/article/details/52933932

版权

如果学习过如何用原生JS来读取JSON文件，那么学习如何用JQ来读取JSON文件简直是小菜一碟。

JSON文件的内容：

[{
  "key":"value"
}
]

直接放入JS源代码:

$(document).ready(function(){
    $.getJSON('json.json',function(data){
        for(var name in data){
            alert(data[name].key);
        }
    })
});</strong></span>

比JS代码简洁了N倍。

JQ提供了两种获取JSON文件的方式，一种是postJSON() ; 另一种是getJSON()。但无论哪一种方法，里面的第一个参数"url"是必须的，他是代表着要读取的文件的路径。第二个参数是一个变量，里面存储着使用getJSON()后读取JSON文件的数据。使用for(var name in data)把对象存到变量name里面，然后直接取出来就好了。