javascript全局变量未在ajax回调中更新

Question

处于警报状态时，它总是提醒jojo。 test2.php 有文字Loco

div 更新为Loco，但全局变量没有改变。我试过window.temp = data，但没用。

如何获取变量的返回值？请指导...

<div>
yolo
</div>

<script type="text/javascript">
    var temp = 'jojo';

        $.ajax({
            url: 'test2.php', //Loco
            success: function(data)
            {
                    temp = data;
                    $('div').html(data);
            },
            error: function (err)
             {
                 alert('error');
             }
        });

       alert(temp);
       var toBeUsedLater = temp; //updated temp value from ajax call
       refreshTab();
</script>

Answer 1

这是一个异步函数。 （这就是 AJAX 中的 A 所代表的含义。）您正在立即提醒 temp 的值，因此它发生在异步调用完成之前。如果你添加

alert(temp);

到您的 success 处理程序的末尾，您将看到值已更新。

Answer 2

AJAX - asynchronous 表示您不等待响应的到来，而 Javascript 是解释性语言，一行一行地执行。所以这里会先执行alert(temp)，然后是成功回调，因为它需要一些时间才能得到响应。

Answer 3

1) 改变 var temp = 'jojo' 到 'temp ='jojo'

因为这与执行上下文无关，也不限于文件（有优点和缺点 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var

2) 问题是在回调之前调用了警报。 将警报移动到函数中。由于 ajax 是异步调用的，也就是说成功和错误函数被调用，只有当 ajax 得到服务器返回的响应时，你现在的 alert 才会被立即调用。

http://javascript.about.com/od/ajax/a/ajaxasyn.htm

 $.ajax({
            url: 'test2.php', //Loco
            success: function(data)
            {
                    temp = data;
                    $('div').html(data);
                    alert(temp).
            },
            error: function (err)
             {
                 alert('error');

             }
        });

3) 或者，您可以将 ajax 的异步设置为 false： What does "async: false" do in jQuery.ajax()? 这将导致 Ajax 调用将在下一行代码之前完成，但强烈建议不要这样做。

Answer 4

只需在您的 ajax 选项中添加 async: false。