javascript – 无法存储使用jQuery JSONP获取的数据

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 无法存储使用jQuery JSONP获取的数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1422字，纯文字阅读大概需要3分钟。

内容图文

我试图通过使用JSONP的jQuery AJAX调用从Flickr获取一堆照片数据,但我不想立即使用这些数据.相反,我想保留它以供日后使用.在一个复杂的情况下,我想让用户对预取的数据执行不同的查询.在更简单的情况下,我想在每次用户单击按钮时加载下n个图像.

现在,我正在测试下面最基本的功能,它是根据这个问题的最佳答案改编的：JQuery – Storing ajax response into global variable

但是,检索到的JSON数据不会存储在jsonData变量中.我将alert语句调试,奇怪的是getData()警报是在回调函数中的警报之前触发的.为什么会这样？

var dataStore = ( function() {
  var jsonData;

  $.ajax({
    type: "GET",
    url: "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
    dataType: "json",
    data: {
      tags: "dog",
      tagmode: "any",
      format: "json"
    },
    success: function(data) {
      jsonData = data;
      alert(jsonData);
    }
  });

  return { getData : function()
  {
      if (jsonData) return jsonData;
      else alert("no data!");
  }};
})();

var stuff = dataStore.getData();

$.each(stuff.items, function(i,item) {
  $("<img/>").attr("src", item.media.m).appendTo("#images");
  if ( i == 3 ) return false;
});

解决方法:

…and the strange thing is that the getData() alert is triggered before the alert in the callback function. Why is this happening?

因为默认情况下ajax调用是异步的 – 而且JSONP调用本质上总是异步的(其他类型的ajax调用可以同步,但通常是个坏主意).

这意味着你的

var stuff= dataStore.getData();

line在JSONP请求完成之前执行.这也是它在jsonData中看不到任何内容的原因.

您需要将JSONP调用结果的任何处理移动到从请求的成功回调调用的内容中.

内容总结

以上是互联网集市为您收集整理的javascript – 无法存储使用jQuery JSONP获取的数据全部内容，希望文章能够帮你解决javascript – 无法存储使用jQuery JSONP获取的数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端