创建xmlHttp 不成功！ 请问要如何处理？

sunch

在 X5 V3 中，创建xmlHttp代码如下，但创建不成功，xmlHttp.readyState 的值一直为0 （成功为4），请问要如何处理？

var xmlHttp;
//创建xmlHttp
Model.prototype.createXMLHttpRequest = function()
{
   if(window.ActiveXObject)
   {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
    else if(window.XMLHttpRequest)
   {
    xmlHttp=new XMLHttpRequest();
   }
};

wangliang

请求正确返回后才会返回4

sunch

wangliang 发表于 2014-12-3 13:35
请求正确返回后才会返回4

我在X5 v3 的 .w 页面上加了一个按钮，在按钮的点击事件调用的

不知需要怎样发出请求，这里又没有 form

wangliang

这都是js标准的参考
http://blog.csdn.net/guoyz_1/article/details/5592294

sunch

wangliang 发表于 2014-12-3 14:02
这都是js标准的参考
http://blog.csdn.net/guoyz_1/article/details/5592294

代码是完全参照上面写的呀，为什么还是：

alert("xmlHttp.readyState = " + xmlHttp.readyState);     显示1
alert("xmlHttp.status = " + xmlHttp.status);                   显示0

呢？？

代码如下：
--------------
var xmlHttp;
//创建xmlHttp
Model.prototype.createXMLHttpRequest = function()
{
   xmlHttp = null;
   if(window.ActiveXObject)
   {
    // code for IE5 and IE6   
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
   }
    else if(window.XMLHttpRequest)
   {   
    // code for all new browsers
    xmlHttp=new XMLHttpRequest();
   }
   //alert("xmlHttp="+xmlHttp);
};

//拼出要发送的用户和密码数据
Model.prototype.createQueryString = function()
{
     //取得用户名和密码
  var userid = this.getElementByXid("userid").value;
  var passwd = this.getElementByXid("passwd").value;
  
  //拼出要发送的用户和密码数据
  var queryString="firstName=" + userid + "&middleName=" + passwd + "&birthday=1111" ;
  
  return queryString;
};

//使用get方式发送
Model.prototype.doRequestUsingGET =  function()
{
  this.createXMLHttpRequest();

  var queryString="./GetAndPostExample?";
  queryString=queryString+ this.createQueryString() + "&timeStamp=" + new Date().getTime();
     
     if (xmlHttp !== null){        
           //onreadystatechange 是一个事件句柄。
           //它的值(handleStateChange)是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。
           //状态从 0 (uninitialized) 到 4 (complete) 进行变化。
           //仅在状态为 4 时，我们才执行代码。
        xmlHttp.onreadystatechange= this.handleStateChange();
     xmlHttp.open("GET",queryString,true);
     xmlHttp.send(null);
     }else{
        alert("Your browser does not support XMLHTTP.");
     }
     
  
};

//使用post方式发送
Model.prototype.doRequestUsingPost = function()
{
  this.createXMLHttpRequest();
  var url="./GetAndPostExample?timeStamp=" + new Date().getTime();
  var queryString= this.createQueryString();
  xmlHttp.open("POST",url,true);
     //onreadystatechange 是一个事件句柄。
        //它的值(handleStateChange)是一个函数的名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。
        //状态从 0 (uninitialized) 到 4 (complete) 进行变化。
        //仅在状态为 4 时，我们才执行代码。
     var urlqrystr = url + "&" + queryString;   
  xmlHttp.onreadystatechange= this.handleStateChange();
  xmlHttp.setRequestHeader("Content-Length",urlqrystr.length);  
  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xmlHttp.send(queryString);
};


Model.prototype.handleStateChange = function()
{   
  alert("xmlHttp.readyState = " + xmlHttp.readyState);
  alert("xmlHttp.status = " + xmlHttp.status);
      
  if(xmlHttp.readyState==4)   // 4 = "loaded"
  {
     if(xmlHttp.status==200)  // 200 = OK
     {
        this.parseResults();
     }
      else
         {
           alert("Problem retrieving XML data");
         }
   
   }
};

//解析返回值
Model.prototype.parseResults = function()
{
   //var responseDiv= this.getElementByXid("output1");
   //if(responseDiv.hasChildNodes())
   //{
   //  responseDiv.removeChild(responseDiv.childNodes[0]);
   //}
      
      var dzb = eval("(" + xmlHttp.responseText +")");  
      alert(dzb);  
      
      alert("后台返回的返回值： "+xmlHttp.responseText);
    //var responseText=document.createTextNode(xmlHttp.responseText);
   
   //responseDiv.appendChild(responseText);
};

zhaixin

可以参考外卖示例，发送ajax请求
参考 /UI2/takeout/baasClient.js