从文件加载json到对象

Question

努力将json从URL上的文件（myData.json）加载到对象中，以便访问属性值。

--数据立即加载，我在应用程序中非常需要它。

-我将访问整个应用程序中的数据，而不仅仅是数据加载后立即发生的一个函数的一部分。

--我已确保文件中的数据格式正确。

按照jQuery API上的示例，我不应该做一些简单的事情，比如：

警报（jqxhr.my财产）；

得到价值吗？我错过了哪一步？我试过做评估和其他类似的事情

var myObj=JSON。parse（jqxhr）；

无济于事。

请非常感谢。

// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.getJSON("example.json", function() {
  alert("success");
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });

// perform other work here ...

// Set another completion function for the request above
jqxhr.complete(function(){ alert("second complete"); });

Answer 1

我认为这将是你正在寻找的，你试图访问从你的调用返回的数据，而不是调用者对象本身。在您的示例中，jqxhr是处理JSON调用的对象，而不是数据。所以，

$.getJSON("example.json", function(data) {
  yourDATA = data;
})

//Use your data here
alert(yourDATA.aProperty);

本页上的第一个示例与我解释的类似。

Answer 2

json数据被传递到$的回调函数。getJSON。因此，这将起作用：

var jqxhr;

$.getJSON("example.json", function(data) {
  jqxhr = data;
});

// alert(jqxhr.property);
// caution: this won't work immediately on load, since the ajax call runs asynchronously and hasn't finished at that time

// it should be available at a later time, like a click event
$('a#something').click(function(){
     if(jqxhr){
          alert(jqxhr.property);
     }else{
          alert('getJSON not yet complete or failed');
     }
});

Answer 3

我觉得你把它弄得太复杂了：）

 var JSON;

 $.getJSON('example.json', function(response){
       JSON = response;
       alert(JSON.property);
 })
 //feel free to use chained handlers, or even make custom events out of them!
 .success(function() { alert("second success"); })
 .error(function() { alert("error"); })
 .complete(function() { alert("complete"); });

getJSON函数会自动将响应转换为正确的JSON对象。不需要解析。

您提到您正在到处使用这些数据，所以您必须等待ajax调用完成后才能访问这些数据。这意味着要么在getJSON回调中包装整个应用程序。或者使用自定义事件来确定：

 var JSON;

 $(window).on('JSONready', function(){
       alert(JSON.property);
 });

 $.getJSON('example.json', function(response){
       JSON = response;
       $(window).trigger('JSONready');
 });

 $('#elem').on('click', function(){
       //event likely to take place after ajax call has transpired
       //it would still be better to assign this listener in a callback, 
       //but you can get away with not doing it, if you put in a catch
       if(JSON){
           alert(JSON.property);
       }          
 });

编辑

经过快速的实时调试，数据不可用的真正原因是：消耗JSON的javascript位于一个文件中，其中包括执行内联javascript调用的页面文档NORTH。因此，JSON不是一个全局变量，范围阻止了它的使用。如果您真的需要一个全局变量，以便它可以与内联JS以及任何和所有包含的js文件一起使用，您可以这样做：

  (function(){
      var limitedScopeVariable = 25;
      window.globalScopeVariable = 30;
  })();

  $(function(){
       alert(globalScopeVariable); //works!
       alert(limitedScopeVariable); //fails!
  });

编辑2

从jQuery 3.0开始，回调函数有所不同：从jQuery 3.0开始，jqXHR.成功（）、jqXHR.错误（）和jqXHR.完成（）回调方法被删除。您可以使用jqXHR.做（）、jqXHR.失败（）和jqXHR.总是（）来代替

来自评论@mario lurig