首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在没有jQuery的情况下在JavaScript中打开JSON文件?

如何在没有jQuery的情况下在JavaScript中打开JSON文件?
EN

Stack Overflow用户
提问于 2012-03-23 19:58:08
回答 1查看 66.5K关注 0票数 23

我正在用JavaScript写一些代码。在这段代码中,我想读取一个json文件。此文件将从URL加载。

如何在JavaScript中的对象中获取此JSON文件的容器?

例如,我的JSON文件位于../json/main.json

代码语言:javascript
复制
{"mainStore":[{vehicle:'1',description:'nothing to say'},{vehicle:'2',description:'nothing to say'},{vehicle:'3',description:'nothing to say'}]}

我想在我的table.js文件中使用它,如下所示:

代码语言:javascript
复制
for (var i in mainStore)
{       
    document.write('<tr class="columnHeaders">');
    document.write('<td >'+ mainStore[i]['vehicle'] + '</td>');
    document.write('<td >'+ mainStore[i]['description'] + '</td>');
    document.write('</tr>');
} 
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-17 00:47:36

下面是一个不需要jQuery的示例:

代码语言:javascript
复制
function loadJSON(path, success, error)
{
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function()
    {
        if (xhr.readyState === XMLHttpRequest.DONE) {
            if (xhr.status === 200) {
                if (success)
                    success(JSON.parse(xhr.responseText));
            } else {
                if (error)
                    error(xhr);
            }
        }
    };
    xhr.open("GET", path, true);
    xhr.send();
}

可以这样称呼它:

代码语言:javascript
复制
loadJSON('my-file.json',
         function(data) { console.log(data); },
         function(xhr) { console.error(xhr); }
);
票数 49
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9838812

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档