我的 jQuery 中的变量范围问题

Question

从后端 PHP 脚本将变量作为二维 JSON 数组检索后，我遇到了变量范围的问题。这是我的代码：

var qns, qis, ncs, nzs, tps;

function get_questions() {
    var url = "php/pytania.php";
    $.ajax({
        cache: false,
        type: "GET",
        dataType: "text",
        url: url,
        success: function(response) {
            data = jQuery.parseJSON(response);
            qns = data.qns;
            qis = data.qis;
            ncs = data.ncs;
            nzs = data.nzs;
            tps = data.tps;
        }
    });
}

$(document).ready(function() {
    var index = 0;
    get_questions();
    $("#question_no").text(qns[index]);
});

当我最后尝试引用我的 qns 数组时，它显示变量未定义错误。然而它在 ajax 语句中工作 - 没有问题...

谢谢，保重！ :)

彼得。

Answer 1

问题是 success 方法被异步调用 - 这意味着在调用 $().ajax 并尝试引用该变量后，它尚未被分配，因为 success 回调方法尚未执行。

这可以通过将 async 选项设置为 false 来解决，如下所示：

$.ajax(
   {
      /* this option */
      async: false,
      cache: false,
      type: "GET",
      dataType: "text",
      url: url,
...

这意味着 ajax 调用之后不会执行任何其他操作，直到您收到响应。另一种方法是将代码放置在成功回调方法本身中需要使用数组的位置。

Answer 2

您的问题是您试图在数据到达之前使用它。

您可以添加一个回调函数，在数据来自服务器后调用：

var qns, qis, ncs, nzs, tps;

function get_questions(callback) {

   var url = "php/pytania.php"; 

   $.ajax({

      cache: false,
      type: "GET",
      dataType: "text",
      url: url,
      success: function(response) {

         data = jQuery.parseJSON(response);

         qns = data.qns;
         qis = data.qis;
         ncs = data.ncs;
         nzs = data.nzs;
         tps = data.tps;

         callback();

      }

   } );

}

$(document).ready(function() {

   var index = 0;

   get_questions(function(){

     $("#question_no").text(qns[index]);

   });

});

注意：您可以使用 dataType: "json"，然后响应将被自动解析，并且您不需要使用parseJSON。

Answer 3

您应该在 ajax 请求中添加回调函数，并尝试 "$( "#question_no" ).text( qns[ index ] );"在回调函数中。您尝试在 ajax 请求实际加载变量之前访问该变量。