无法在另一个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

将您的功能定义为

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

这样，函数将根据您在调用中定义的dataType从服务器获取响应，以便您可以访问所需的数据。