Parse JSON Файл в Javascript

Question

У меня есть файл JSON, хранящийся в той же папке как файл HTML для веб-страницы, над которой я работаю. Этот HTML-файл имеет скрипт с функцией, которая принимает данные в переменной в форме JSON. У меня возникли проблемы с получением содержимого файла JSON в переменной в моем HTML-файле, который будет использоваться функцией. Я запускаю файл HTML локально.

Я попытался следующие:

$(function(){ 
    $.getJSON("./data.json", function(jsdata) { 
     json = jsdata; 
     console.log(json); 
    }); 
}); 

Однако это приводит только в: XMLHttpRequest cannot load file. Есть ли способ разобрать локальный файл JSON в Javascript?

JSON был подтвержден с помощью http://jsonlint.com/

Использования "data.json" дает ту же ошибку, как и раньше.

Answer 1

Не используйте .. Если файл JSON находится в той же папке, что и местоположение вашей JS работает (т.е. ваш HTML-файл), он должен быть таким:

$(function(){ 
    $.getJSON("data.json", function(jsdata) { 
     json = jsdata; 
     console.log(json); 
    }); 
}); 

Answer 2

Dot в URL является причиной проблемы

Используйте это:

$.getJSON("/data.json", function(jsdata) { 
     json = jsdata; 
     console.log(json); 
    }); 

Answer 3

попробуйте этот код

$.ajax({ 
    url: "./data.json", // or "/data.json", 
    type: "GET", 
    dataType: "json" 
}) 

Answer 4

URL, при условии, неправильно ,

Используйте следующее:

$(function() { 
    var baseUrl = 'http://....'; // Your base url of app 

    // Use the absolute URL in here 
    $.getJSON(baseUrl + "/data.json", function (jsdata) { 
     json = jsdata; 
     console.log(json); 
    }); 
}); 

Answer 5

Вы не можете загрузить локальный файл с помощью $.getJSON в JQuery. Вы должны установить действительный url вашего файла внутри вашего проекта, а не локальный путь к файлу, поскольку браузер не позволяет ему загружаться по какой-либо причине безопасности.