jQuery的$.Ajax()返回的数据如何才能保存给全局变量?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery的$.Ajax()返回的数据如何才能保存给全局变量?相关的知识,希望对你有一定的参考价值。
要存全局变量的坏处就是怕使用的过程中,你的值还没拿到,而你又调用了这个变量。造成意想不到的麻烦。
建议存session、cookie、localStorage、sessionStorage里面都可以
然后定义个方法去拿就可以了
return localStorage.getItem("a")||"";
var a=get();
console.log(a);//应该是伪空
setTimeout(function()
console.log(a);
,5000);//等待5秒再试试。应该拿到了
$.ajax(
....//省略多行
success:function(d)
localStorage.setItem("a",d);
); 参考技术A Ajax是异步的,所以赋值是成功完成了的,但是大部分情况下是在尝试去使用result全局变量之后才发生赋值操作,因此是没有保证的。
所以,针对Ajax请求返回的数据,不能这样使用,建议还是在回调函数中直接操作吧。如果一定要这样用,可以使用一个递归的setTimeout不断去checkAjax请求是否已经完成(result是否已经被赋值),如果已经完成就使用result的值,退出递归,否则继续。
即使我离开然后使用Jquery返回页面,如何将内容保留在页面上
【中文标题】即使我离开然后使用Jquery返回页面,如何将内容保留在页面上【英文标题】:How keep content on a page even when I leave then return to the page with Jquery 【发布时间】:2013-03-28 18:06:29 【问题描述】:目前我有一个使用 Jquery Mobile 创建的页面,页面上的内容是基于 URL id 形成的,例如 http://domainname/page?id=2
。当页面事件beforepageshow
被触发时,我获取内容的方式是一个ajax 请求,使用这个jquery 语句$(document).on( "pagebeforeshow", "#player", function( e )
。这很好用,但是我想知道即使我离开页面时如何保留这些内容。
例如,如果我返回,我应该转到一个列表,但是如果按下按钮,它应该带我返回播放器页面,并显示我从页面上的 ajax 请求获得的所有内容和正确的 URL。如何做到这一点?
【问题讨论】:
保存状态到浏览器的local storage
太好了,那我怎么保存状态
我知道我可以将值复制到本地存储中,但是我如何告诉应用程序从本地存储中提取而不是 ajax 调用。
【参考方案1】:
有几种方法可以实现。您将需要存储数据或在页面转换期间移动数据。以下是一些可能的解决方案:
页面转换之间的数据/参数存储
在页面转换期间可以将参数从一个页面发送到另一个页面。可以通过几种方式完成。
参考:https://***.com/a/13932240/1848600
解决方案 1:
您可以使用 changePage 传递值:
$.mobile.changePage('page2.html', dataUrl : "page2.html?paremeter=123", data : 'paremeter' : '123' , reloadPage : true, changeHash : true );
然后像这样阅读它们:
$("#index").live('pagebeforeshow', function ()
var parameters = $(this).data("url").split("?")[1];;
parameter = parameters.replace("parameter=","");
alert(parameter);
);
这仅适用于多 html 页面格式。
解决方案 2:
或者您可以创建一个持久的 javascript 对象用于存储目的。只要 ajax 用于页面加载(并且页面不会以任何方式重新加载),该对象就会保持活动状态。
var storeObject =
firstname : '',
lastname : ''
示例:http://jsfiddle.net/Gajotres/9KKbx/
解决方案 3:
您还可以像这样访问上一页的数据:
$('#index').live('pagebeforeshow', function (e, data)
alert(data.prevPage.attr('id'));
);
prevPage 对象保存完整的前一页。
解决方案 4:
作为最后一个解决方案,我们有一个漂亮的本地存储 HTML 实现。它仅适用于 HTML5 浏览器(包括 Android 和 iOS 浏览器),但所有存储的数据通过页面刷新保持不变。
if(typeof(Storage)!=="undefined")
localStorage.firstname="Dragan";
localStorage.lastname="Gaic";
例如:http://jsfiddle.net/Gajotres/J9NTr/
这里提到的所有内容以及更多内容都可以在我的其他 ARTICLE 或 HERE 中找到。 只需搜索名为:Data/Parameters storage between page transitions
的章节【讨论】:
这对我来说似乎是前进的方向,谢谢,我会尽快实施 一个问题,如果我从播放器页面返回到列表页面,但尝试通过 urlhttp://domainname/page
返回播放器页面,beforepageshow
函数将再次触发但我没有不想发生。我想存储指向实际数据的链接,但不重新加载所有数据。
想想播放器页面上正在播放的歌曲,您在播放器页面上按返回可转到上一个歌曲列表。然后您决定继续前进,这将使用户返回播放器页面。这很好,但您不希望歌曲停止播放,而是希望它按原样继续播放
那么你需要使用某种 if 语句来检查内容是否已经加载。或者你应该使用 pageinit 而不是 pagebeforeshow 事件,它只会触发一次。
我尝试了pageinit
,但由于某种原因,它没有及时获取 url 的 id,所以它通过 ajax 什么都不加载以上是关于jQuery的$.Ajax()返回的数据如何才能保存给全局变量?的主要内容,如果未能解决你的问题,请参考以下文章
即使我离开然后使用Jquery返回页面,如何将内容保留在页面上
如何使用 jquery、ajax 和 php 在数据库中保存图像文件 (BLOB)
codeigniter php 和 jquery - 如何从多个表中获取数据并通过 ajax 返回
jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示