Как получить объект json в ответе ajax, используя локальный файл .json и jquery?

Question

Используя запрос jquery ajax, как это

$.ajax({
url: 'mydata.json',
type: 'get',
error: function(data){
},
success: function(data){
  data=jQuery.parseJSON(data);
  //do something with data              
    }
});

Он работает отлично, за исключением случаев, когда я реализую его на сервере с URL-адресом сервера, который внутренне генерирует объект ответа json и возвращает его. тогда мне не нужен jQuery.parseJSON (данные). Есть ли способ, где я могу использовать локальный файл JSON и получить ответ в качестве объекта JSON?

Answer 1

$.ajax({
url: 'mydata.json',
type: 'get',
dataType: 'json',
error: function(data){
},
success: function(data){
  //do something with data              
    }
});

Указание dataType: 'json' указывает jQuery ожидать данные JSON и автоматически их анализировать.

Answer 2

$.getJSON('mydata.json').done(function(response) {
    console.log("Success");
}).fail(function() {
    console.log("Error");
});

Answer 3

Это известная проблема, что success() обратный вызов не сработает на локальном jQuery.ajax.Вместо этого используйте complete(), если вы собираетесь запустить скрипт локально.Также из-за этой проблемы, вы не должны использовать jQuery.getJSON для работы (потому что функция будет срабатывать только в случае успеха.)

Answer 4

Я бы порекомендовал проверить, были ли возвращенные данные уже преобразованы в объект JSON.Если это так, то нет причин для его анализа.

    $.ajax({ 
      url: 'mydata.json', 
      type: 'get', 
      error: function(data){ }, 
      success: function(data){ 
        console.log(data); //check to see if jQuery has already converted the response to a JSON object
        //data=jQuery.parseJSON(data); //do something with data
      }
    });