jquery - 将 ajax 响应数组存储到变量中以供以后使用

Question

您好我需要将 AJAX 响应存储到两个变量 x 和 y 或数组中。我的 AJAX 响应是一个数组。我能够看到数据，但只有在 che call 时才会发出警报。我需要 ajax 调用之外的数据

var x;
var y;

$.ajax({
    url: 'ajaxload.php',
    dataType: "json",
    success: function (data) {
        x = data.posX;
        y = data.posX;
        alert(x + " " + y);  // I can se data but I need outside ajax call
    }
});

Answer 1

如果我理解正确，您希望稍后在代码中重用 ajax 响应。如果是这种情况，您当前的代码将无法工作，因为默认情况下，javascript 引擎不会等待 ajax 请求的响应。换句话说，下面的代码将不起作用：

<script type="text/javascript">
$(document).ready(function(){
    var x; 
    var y;
    $.ajax({
        url: 'ajaxload.php',
        dataType: "json", 
        success: function(data) { 
            x= data.posX;
            y= data.posX;
            alert (x+" "+y);  // I can se data but I need outside ajax call
        }
    });
    alert(x+" "+y); // You won't see anything, because this data isn't yet populated. The reason for this is, the "success" function is called when the ajax request has finished (it has received a response).
})
</script>

您需要等待 ajax 响应。要使用 jQuery 做到这一点，您需要稍微修改您的代码：

<script type="text/javascript">
$(document).ready(function(){
    var data = $.parseJSON($.ajax({
        url:  'ajaxload.php',
        dataType: "json", 
        async: false
    }).responseText); // This will wait until you get a response from the ajax request.

    // Now you can use data.posX, data.posY later in your code and it will work.
    var x = data.posX;
    var y = data.posY;
    alert(x+" "+y);
    alert(data.posX+" "+data.posY);
});
</script>

Answer 2

您可以将 ajax 响应存储在全局数组中，以便在其他 javascript 函数中进一步使用

var ajaxResult=[];

$(document).ready(function(){

  $.ajax({
    url: 'ajaxload.php',
    async:true,
    dataType: "json", 
    success: function(data)
     { 
        ajaxResult.push(data);
     }
  });
});

otherJsfunc()
 {
  console.log(ajaxResult); 
 }

Answer 3

如果你 decalre 变量，你可以访问 ajax 之外的值。

例如：

<script type="text/javascript">
   var x = '';
   var y = '';

   function sendAjax()
   {
        // your ajax call
        x= data.posX;
        y= data.posX;  
   } 
   sendAjax();
</script>

如果 ajax 运行良好，您可以全局访问变量x和y

Answer 4

如果您在文档就绪处理程序中运行此代码，则您的 x 和 y 变量并不是真正的全局变量。尝试window.x=''; window.y='';