javascript - 多次Ajax函数调用导致加载缓慢

Question

    function function1(val)
    {
       $.ajax({
         type: 'post',
         url: 'page1.php',
         data: {
           get_option:val
         },
         success: function (response) {
           document.getElementById("id1").value=response; 
           function2(val);
           function3(val);
           function4(val);
           function5(val);
         }
       });
    }

function function2(val)
    {
       $.ajax({
         type: 'post',
         url: 'page2.php',
         data: {
           get_option:val
         },
         success: function (response) {
           document.getElementById("id2").value=response; 
           function6(val);

         }
       });
    }

function function3(val)
    {
       $.ajax({
         type: 'post',
         url: 'page3.php',
         data: {
           get_option:val
         },
         success: function (response) {
           document.getElementById("id3").value=response; 

         }
       });
    }

这是我的一些函数 function1 成功的部分，我调用其他函数，如 function2、function3、function4、function5。在我的第二个函数 function2 中，我在其成功部分调用了另一个函数 function6，它有更多时间来获取其结果
如何避免这种等待时间...？

Answer 1

如果您的每个 ajax 请求都按顺序返回结果，则可能是 session 阻塞。如果可以同时执行脚本而不影响结果，请尝试在 PHP 代码中尽早添加以下内容:

session_write_close();  //let the next requests start

这将允许后续的 ajax 请求开始 PHP 处理，并且应该会显着改善您的结果。