Javascript 如何读取JSON文件?

Javascript 如何读取JSON文件?,javascript,html,json,dynamic,html-table,Javascript,Html,Json,Dynamic,Html Table,我有一个例子,要从JSON格式创建一个Html表,但是我需要读取一个JSON文件(cars.JSON),我如何才能做到这一点 动态表 钮扣{ 边界半径:10px; 高度:45px; 宽度:150px; 文本对齐:居中; 背景色:#5499C7; 字体大小:15px; 颜色:#ffffff; } 输入{ 高度:35px; 字体大小:15px; } 桌子{ 边界塌陷:塌陷; 宽度:100%; } th,td{ 文本对齐:居中; 填充:15px; 字体大小:20px; } th{ 背景色:#549

我有一个例子,要从JSON格式创建一个Html表,但是我需要读取一个JSON文件(cars.JSON),我如何才能做到这一点


动态表
钮扣{
边界半径:10px;
高度:45px;
宽度:150px;
文本对齐:居中;
背景色:#5499C7;
字体大小:15px;
颜色:#ffffff;
}
输入{
高度:35px;
字体大小:15px;
}
桌子{
边界塌陷:塌陷;
宽度:100%;
}
th,td{
文本对齐:居中;
填充:15px;
字体大小:20px;
}
th{
背景色:#5499C7;
颜色:白色;
字体风格:粗体;
字体大小:35px;
}
//JSON对象。。。。。。。。。。。。。。。。
var json_obj={
“姓名”:“约翰”,
“年龄”:30岁,
“汽车”:[
{“名称”:“福特”、“车型”:[“嘉年华”、“福克斯”、“野马”]},
{“名称”:“宝马”,“车型”:[“320”,“X3”,“X5”]},
{“名称”:“菲亚特”、“车型”:[“500”、“熊猫”、“550”]}
]
}
//JSON对象结束。。。。。。。。。。。。。。。。
//创建表并从JSON对象获取数据。
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
var number_of_rows=json_obj.cars.length;
var k=0;
变量表_body='CarsModels1Models2Models3';
用于(json_obj.cars中的j){
//对于(i=0;i0){
$(this).toggle($(this).text().toLowerCase().indexOf(value)>-1)
}
});
});
//====================================================================================结束===============================
});
创建表
桌子在这里。


您可以使用JSON.parse,然后用点调用所需的内容: 例如:

var jsonParsed = JSON.parse(json_obj);
console.log(jsonParsed.name); // output : John
这是医生

编辑: 根据评论中的信息,您可以做以下几点:

function loadJSON(callback) {
    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', 'file.json', true);
    xobj.onreadystatechange = function() {
        if (xobj.readyState == 4 && xobj.status == "200") {
            callback(xobj.responseText);

        }
    }
    xobj.send(null);
}

loadJSON(function(response) {
     var json_obj = JSON.parse(response);
});

你能重新格式化你的代码和输出吗?你搜索了吗?在我的示例中,我需要读取一个文件(car.json)并将所有内容发送到此变量json_obj。请检查编辑的版本并告诉我它是否有效谢谢您的回复,但不起作用。我认为不需要解析json文件,只需将内容发送到变量。