jQuery（跨域）.getJSON，将响应存储在可重用变量中

Question

我想从当前用户获取 IP 并将其与 AJAX POST 一起发送到 PHP 文件。这意味着我需要重新使用从 IP .getJSON 请求的响应中获得的变量。

脚本 1： 我在 snipt 上找到了这个方便的片段：

$.getJSON("http://jsonip.appspot.com?callback=?",function(data){
    alert( "Your ip: " + data.ip);
});

脚本 1 工作并给出一个带有您的 IP 的警报对话框。

脚本2：我将脚本1转换为：

 var ipAppspot;
 $.getJSON("http://jsonip.appspot.com?callback=?",function(data){
         ipAppspot = data.ip;
 });
 alert(ipAppspot);

据我所知，不在变量前面声明'var'关键字使其可用甚至在函数（全局）之外的所有范围。虽然我想如果脚本2可能不是跨域请求，那么它应该可以工作，但在这种情况下，它会给出一个带有'未定义'的警报对话框 所以这个例子不起作用

在Stackoverflow上还有另一个问题jQuery-storing-ajax-response-into-global-variable 处理同样的问题。

并附加他们提供的解决方案，我得到以下结果。

脚本 3：从链接

// https://stackoverflow.com/questions/905298/jquery-storing-ajax-response-into-global-variable
var ipStore = (function(){
    var ipAppspot;
    $.getJSON("http://jsonip.appspot.com?callback=?",function(data){ipAppspot = data.ip;});
    return {getIp : function()
    {
        if (ipAppspot) return ipAppspot;
        // else show some error that it isn't loaded yet;
    }};
})();

alert(ipStore.getIp());

“脚本 3”附加解决方案 给出与“脚本 2”相同的问题，即“未定义” em>

问题： 我如何在以后的脚本中重复使用此变量？

编辑 Nick Cravers 的答案

var ipAppspot;
$.getJSON("http://jsonip.appspot.com?callback=?",function(data){
  ipAppspot = data.ip;
  myFunc();       
});
function myFunc() {
  alert(ipAppspot);
}

由 Nick Craver 编写，实际上确实有效。

function dataAuth(ip){      
    // collect data from form
    var usernameRaw = $('#feg-username').val();
    var passwordRaw = $('#feg-password').val();
    // phpFile is our back-endgine
    var phpFile = 'feg/back-endgine.php';
    // construct the JSON in a variable
    var dataConstruct   = "username=" + usernameRaw + "&password=" + passwordRaw + "&ip=" + ip;
    // start the AJAX 
    $.ajax({
       type: "POST",
       url: phpFile,
       dataType: "json",
       data: dataConstruct,
       success: function(msg){
         alert(msg);
       }
     });
} // END dataAuth

这是在我的应用程序中，我会这样使用该函数：

$('body').delegate('#feg-submit', 'click', function(){
    $(this).attr('disabled','disabled');
    console.log('submit button clicked');
    dataAuth(ipAppspot);
    return false
});

所以我会在那里使用 ipAppspot，稍后我需要 AJAX 请求的 IP，有什么方法可以实现它吗？

Answer 1

这不是范围问题，而是时间问题，让我们用一个确实有效的示例来说明它，如下所示：

var ipAppspot;
$.getJSON("http://jsonip.appspot.com?callback=?",function(data){
  ipAppspot = data.ip;
  myFunc();       
});
function myFunc() {
  alert(ipAppspot);
}

您可以在这里测试。请注意，它确实会提醒您的 IP，那么这里有什么不同呢？在填充变量之前，您不会询问变量（通过调用 alert()），这发生在 $.getJSON() 回调。因此范围不是问题，但事实上回调运行稍后（当响应返回时）是一个问题，只需启动需要来自回调，因为这是数据第一次可用。

这是一个更常见的示例，将数据直接传递到它所在的地方：

$.getJSON("http://jsonip.appspot.com?callback=?",function(data){
  myFunc(data.ip);
});
function myFunc(ipAppspot) {
  alert(ipAppspot);
}

或者，简短的版本：

$.getJSON("http://jsonip.appspot.com?callback=?", myFunc);
function myFunc(ipAppspot) {
  alert(ipAppspot);
}

Answer 2

您的警报发生在异步操作完成之前，因此当时未定义。如果您将警报放置在回调中，您会发现它（可能）已正确定义。如果您想分配并重用该变量，请在回调触发之前不要尝试这样做。也许需要该值的逻辑可以放置在从回调调用的函数中？

Answer 3

Ajax 是异步的。重构以便您在回调中执行条件。

或者使 async 为 false。