ajax一一请求

Question

我需要一个单击一个链接，将ajax请求一页一页地发送到2页的功能。

首先将数据发送到page1.php ，在完成page1的工作后，将数据返回到主页，然后将数据发送到page2.php进行另一个ajax处理并将数据返回到主页。

我在page1.php document.getElementById("div1").innerHTML = HttPRequest.responseText;编写page2.php请求document.getElementById("div1").innerHTML = HttPRequest.responseText; ，但这只会返回page2's数据，而错过page1.php的数据

在firebug ，领事：

page1.php (always show loading.gif)
page2.php 200 OK 2199ms

怎么做一个一个的ajax好呢？ 谢谢。

function myajax(text) {
      var HttPRequest = false;
      if (window.XMLHttpRequest) {
         HttPRequest = new XMLHttpRequest();
         if (HttPRequest.overrideMimeType) {
            HttPRequest.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) {
         try {
            HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      } 
      if (!HttPRequest) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
        var url = 'page1.php';
        var pmeters = "text=" + text;
        HttPRequest.open('POST',url,true);
        HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        HttPRequest.send(pmeters);
        HttPRequest.onreadystatechange = function()
        {

             if(HttPRequest.readyState == 4) 
              {
               document.getElementById("div1").innerHTML = HttPRequest.responseText;

               var url = 'page2.php';
                    var pmeters = "text=" + text;
                    HttPRequest.open('POST',url,true);
                    HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    HttPRequest.send(pmeters);
                    HttPRequest.onreadystatechange = function()
                    {

                         if(HttPRequest.readyState == 4) 
                          {
                           document.getElementById("div2").innerHTML = HttPRequest.responseText;
                          }
                    }
              }
        }
   }

Answer 1

有两种选择可以做到这一点。

1. 在同步模式下使用Ajax，因此代码将等到从page1获得结果
2. 仅在Page1的响应上调用Page2的Ajax方法

选项2更好，因为它在异步模式下工作。

这是一个伪代码：

 var xhr = new XMLHttpRequest();
 xhr.open( ..)
 xhr.onreadstatechange = function() {
      // handle page1 response

      // do page2 reauest
      var xhr2 = new XMLHttpRequest();
      xhr2.open( ... )
      xhr2.onreadystatechange =  function() {
        // handle page2 response

      }
      xhr2.send(null);
 }
 xhr.send(null);