jquery .getJSON() 中的持久化

Question

我正在使用 .getJSON 将搜索查询发送到我的 PHP 服务器，并返回一个已进行 json_encode'd 的数组。我想在 jQuery 函数完成后使用生成的对象（理想情况下，将其推入数组，并像页面中其他位置的任何其他对象一样使用它。

但是，该对象在函数完成后将不再存在。这是一个成功：

  var widgets = new Array();

  $.getJSON('/server.php', {query: search.value}, function(response) {
    widgets.push(response);
    alert('value of result's attribute1 is ' + widgets[widgets.length].attribute1);
  });

但是，一旦我离开该函数，widgets.push[length] 就会变为空，并且我无法访问有关推送对象的任何内容，我认为这将是一个副本而不是

引用 ？用户进行多次这样的搜索，以便创建一个小部件列表，然后在每个对象的属性之间工作是否有一种可接受的方法可以在函数完成后使该数据持久化？

Answer 1

我认为您正在检查数组的错误索引。

widgets[widgets.length - 1]

可能是其他事情……但这可能就是这样。

Answer 2

getJSON 调用是异步发生的或独立于 JavaScript 的其余部分。您的问题很可能是因为在尝试操作小部件数组之前您的 getJSON 调用尚未完成。

您需要确保对小部件的任何操作发生在 getJSON 完成之后。

getJSON 语法的一部分允许您在调用成功时添加回调函数。请参阅http://api.jquery.com/jQuery.getJSON/。将所有小部件操作代码放入“成功”中。

Answer 3

构建一个“小”小部件，需要将 jsonP 结果（小部件内容）加载到小部件容器中......

这对我有用......啊一，啊二，啊三和四......

1. 全局“数组”变量

   var widgetContents = []; 
   

2. json 请求....

   $.getJSON(jsonp_url, 函数(结果) { 
       $.each(结果, 函数(i, 值) {                      
       widgetContents[i] = 值；                          
   
       // console.log( i + " => " + value);
       });
           var 成功 = true;                                     
   });
   

3. 调试或捕获问题...

   if ( widgetContents.length == 0 || success != true ) { 
       alert("哎呀...后台出了点问题...");
   }
   

4. 处理结果...

   <前><代码>其他{
   $.each(widgetContents, 函数(索引, 值) {
   $('#' + contentID).append(value);

   /* 或任何你需要做的事情.... */
   });
   }