开发者社区> 问答> 正文

jQuery的$.Ajax() 返回的数据 如何才能保存给全局变量

我在做课设啦。要做一个GPS监控平台

因为我在数据库存了一系列坐标点

想网页加载后把分析 历史路径、当前车速 这类信息的任务交给浏览器

所以第一步就是获取并存储json描述的坐标信息,接下来对这些大量坐标数据进行计算、分析,得到车辆里程、当前方向这类信息,再把分析后得到的结果再添加到DOM中。

    var result;
    $(document).ready(function(){
            $.ajax({
                type:'POST',
                url:'/json',
                dataType:'json',
                data:{cmd:'coordinates'},
                async:false,
                success:function(coordinates){
                    result = coordinates;//////有问题。。。。
                    if(coordinates.length) {//这里我暂先省略数据处理,直接显示所有坐标
                        $.each(coordinates, function(index,term) {
                            var $item = $('<li class="item"></li>').text('坐标:'+term[0] + ',' + term[1]).appendTo('#list');
                        })
                    }
                }
            });
    }

我试了很多方法,
都不能把success:function(coordinates)的参数coordinates传给全局变量result
是因为这样就只是coordinates的引用传递给了result,函数执行完后数据就销毁了?

展开
收起
小旋风柴进 2016-03-24 10:55:15 4836 0
1 条回答
写回答
取消 提交回答
  • Ajax是异步的,所以赋值是成功完成了的,但是大部分情况下是在你尝试去使用result全局变量之后才发生赋值操作,因此是没有保证的。(验证很简单:在result = coordinates;之后加个console.log('aaa');, 在使用result之前加个console.log('bbb');, 看看aaa与bbb的输出顺序就知道了)。

    所以,针对Ajax请求返回的数据,你不能这样使用,建议还是在回调函数中直接操作吧。如果你一定要这样用,可以使用一个递归的setTimeout不断去check Ajax请求是否已经完成(result是否已经被赋值),如果已经完成就使用result的值,退出递归,否则继续~~

    2019-07-17 19:12:15
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载