javascript - 使用jQuery将ajax调用返回值分配给var

如何将变量（var）分配给从ajax调用返回到服务器的json对象？我需要在身体的其余部分访问该对象。

例如，我已经尝试过了，但我不知道它是正确的。

var selectValues=$(document).ready(function() {
    $.ajax({
                  type: "POST",
                  url: "http://10.0.2.2/mobileajax/callajax.php",
                  data: ({name: theName}),
                  cache: false,
                  dataType: "text",
                  success: onSuccess
                });
})


var $vendor = $('select.mobile-vendor');
var $model = $('select.model');
$vendor.change(
              function() {
                  $model.empty().append(function() {
                      var output = '';
                      $.each(selectValues[$vendor.val()], function(key, value) {
                          output += '<option>' + key + '</option>';
                      });
                      return output;
                  });
              }).change();

// bonus: how to access the download link
$model.change(function() {
    $('a#download-link').attr('href', selectValues[$vendor.val()][$model.val()]).show();
});

请注意，变量selectValues用于正文的其余部分。

最佳答案

我认为您应该在$(document).ready(function()函数中完成整个代码，然后使ajax调用同步。因为现在在文档准备好时将进行ajax调用，但是其他代码将直接运行而无需等待文档准备好。同样，ajax调用默认情况下也是异步的，因此您应该使其同步，并在ajax调用的成功函数内分配selectValues变量。它将变成这样：

$(document).ready(function() {
        var selectValues;
        $.ajax({
              type: "POST",
              url: "http://10.0.2.2/mobileajax/callajax.php",
              data: ({name: theName}),
              cache: false,
              dataType: "text",
              async: false,
              success: function(data) {
                selectValues = data
              }
            });

            var $vendor = $('select.mobile-vendor');
            var $model = $('select.model');
            $vendor.change(
                          function() {
                              $model.empty().append(function() {
                                  var output = '';
                                  $.each(selectValues[$vendor.val()], function(key, value) {
                                      output += '<option>' + key + '</option>';
                                  });
                                  return output;
                              });
                          }).change();

            // bonus: how to access the download link
            $model.change(function() {
                $('a#download-link').attr('href', selectValues[$vendor.val()][$model.val()]).show();
            });
})

关于javascript - 使用jQuery将ajax调用返回值分配给var，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8092829/