javascript - 从父 ajax 调用问题引用的数据

Question

我在另一个 ajax 函数中有一个 ajax 函数

        $.ajax({
              url: '../...',
              type: 'POST',
              dataType: 'JSON',                         
              success: function(data){
                      if (data.length) {

                     // complex and unreadable code
                    // cannot be posted here.

                      $.ajax({
                      url: '../library/index.php?action=librarydetailssearch',
                      type: 'POST',
                      dataType: 'JSON',
                      data: {studentid:studentid},
                                            asyn: false,
                                            success: function(data){
                                            if (data.length) {
                                         }
                                     }
                         });

                       }
                    });

当我调试代码时，我发现子 ajax 调用中 success(data) 中的数据包含来自父 ajax 调用的数据。我希望那个 child 应该引用自己的数据。

Answer 1

这是因为您的父 ajax 和您的子 ajax 使用相同的响应变量 data。尝试将您的 child ajax 的成功响应重命名为 data1 或其他名称。

$.ajax({
  url: '/some-url',
  ...
  async: false,
  ...
  success: function (data) {
      if (data.length) {
          $.ajax({
             url: '/other-url',
             ...
             success: function (data1) {
                console.log(data); // the parent response
                console.log(data1); // child response
             }
          });
      }
  }
});