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

Question

我在做课设啦。要做一个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，函数执行完后数据就销毁了？

我是初学，希望指教~

Answer 1

未看清题主设了async:false参数了，下面答案是异步下的情况，同步的话就要分析其它方面的问题了，信息不足~~

---

Ajax是异步的，所以赋值是成功完成了的，但是大部分情况下是在你尝试去使用result全局变量之后才发生赋值操作，因此是没有保证的。（验证很简单：在result = coordinates;之后加个console.log('aaa');, 在使用result之前加个console.log('bbb');, 看看aaa与bbb的输出顺序就知道了）。

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

Answer 2

我表示，是可以的，一点问题都没有。

var result;console.log(1);
$(document).ready(function(){
    $.ajax({
        type:'POST',
        url:'<{spUrl c=member a=music home=random}>',
        dataType:'json',
        async:false,
        complete:function(coordinates){
            result = coordinates;
            console.log(2);
        }
    });
    console.log(result);
});

输出截图：

我猜，你不成功的原因是，你在document未加载完成的时候就读取了result的值，这时候都还没执行ajax，是取不到值的。

Answer 3

result = coordinates;

这里传递的会不会是引用呀？转成字符串可行么？

result = coordinates.toString();

Answer 4

这个文章有帮助。Jquery+asp.net 后台数据传到前台js进行解析的办法说明
http://www.suchso.com/projecteactual/jquery-aspnet-back-js-parse-object-list.html

Answer 5

太给力了 万分感谢 但是我测试还是有问题 返回不出来，我后来get就OK了 把Post 改成get 直接调用 result 就行

Answer 6

灵感来了。。

var coordinates = (function() {
    var result;
    $.ajax({
        type:'POST',
        url:'/json',
        dataType:'json',
        data:{cmd:'coordinates'},
        async:false,
        success:function(data){
            result = data;
        }
    });
    return result;
})();

$(document).ready(function(){
    if(coordinates.length) {//初始化页面，把所有坐标列一个列表
      $.each(coordinates, function(index,term) {
        var $item = $('<li class="item"></li>').text('坐标：'+term[0] + '，' + term[1]).appendTo('#list');
      })
    }
}

Answer 7

异步操作只能在回调中进行了。