javascript – AJAX系列调用

请考虑以下设置：

> PageA.html – AJAX是否调用PageB.html
> PageB.html – 多个ajax调用多个页面.
>在所有ajax调用结束时,PageA.html将刷新自身以更新到新内容.

我的代码：

// PageA.html
<script>
        $(document).ready(function () {
            $("#callAjax").click(function () {
                $(".loading").show();
                $.ajax({
                    type: "GET",
                    url: "PageB.html"
                  }).done(function() {
                      $(".loading").hide();
                });
            });
        });
</script>

// PageB.html
<script type="text/javascript">
        $(document).ready(function() {
            var urls = [
                "url1.PHP",
                            "url2.PHP",
                             :
                             :
            ];
            for (var i = 0; i < urls.length; i++) {
                $.ajax({
                    type: "GET",
                    url: urls[i]
                  });
            }
                    window.location = "{{ URL::to('/') }}";
        });
</script>

这种设置的结果发生,没有更新,刷新劫持所有其他功能.我想这是因为PageB.html中的AJAX尚未完成.

我这样做是为了减少PHP的计算时间和性能.

有没有办法让这个工作？

更新：我发现刷新劫持我错了.没有刷新.没有更新.这只是PageA.html的AJAX调用. PageB.html的AJAX调用未执行.

解决方法:

你可以这样试试：

// PageA.html
<script>
    $(document).ready(function () {
       $("#callAjax").click(function () {
           $(".loading").show();
           $.ajax({
               type: "GET",
                url: "PageB.html"
           }).done(function() {
              $(".loading").hide();
              pageBajax();
           });
        });
     });
</script>

// PageB.html
<script type="text/javascript">
      function pageBajax() {
               var urls = [
                         "url1.PHP",
                         "url2.PHP",
                             :
                             :
                     ];
                for (var i = 0; i < urls.length; i++) {
                    $.ajax({
                          type: "GET",
                          url: urls[i]
                    });
                 }
              window.location = "{{ URL::to('/') }}";
        }
</script>