javascript - 无法在另一个 ajax 中的 ajax 中连接 javascript 变量

Question

我不知道如何问这个问题，但我只会描述我的问题：

我有这个变量：

var htmlvalues = '';

然后我有一个ajax代码：

#for loop here
$.ajax({
  url : 'dasdasdas',
  ...
  ....
  ....
  success : function (data) { 
    #now this is my problem here:
    $.ajax({
    url : 'dasdsa',
    ........
    .............
    success : function (data again) {
    htmlvalues += 'some html values to concatinate';
  }
  });
});
#end of for loop here

因此，在该循环结束后，我想显示该 html 值：

$(".tech-file-upload-dialog").html( htmlvalues );

在类似上面的对话框中。但它只会显示一个空对话框，我怀疑它无法在 ajax 的更深部分获取这些值。我可以通过 console.log 看到我的数据连接成功，只是无法到达对话框部分。

Answer 1

使用async:false，所以您的代码可能看起来像。

var htmlvalues = '';

#for loop here
$.ajax({
async: "false",
  url : 'dasdasdas',
  ...
  ....
  ....
  success : function (data) { 
    #now this is my problem here:
    $.ajax({
    async: "false",
    url : 'dasdsa',
    ........
    .............
    success : function (data again) {
    htmlvalues += 'some html values to concatinate';
  }
  });
});
#end of for loop here

$(".tech-file-upload-dialog").html( htmlvalues );

Answer 2

Define your function as

...
success: function(data) {
  //do something
}

This way the function will get the response from the server parsed according to dataType you define in the call so you will have access to the data you need.