Ajax的请求规范(二)

第一种方式:send()不带参数

function doAjax(url,fnSucc,fnFaild)
{
        //1.创建Ajax对象
     if (window.XMLHttpRequest) {//判断当前浏览器的是否包含XMLHttpRequest
       var oAjax = new XMLHttpRequest();
         //有此版本的Mozilla浏览器在处理服务器返回的包含XML mime-type头部信息内容时会出错。
         //所以，为了确保返回内容是text/xml信息，需要包含下面的语句。
         if(oAjax.overrideMimeType)
         {
             oAjax.overrideMimeType("text/xml");
         }
      }
      else //对于IE浏览器
      {
          //将IE的不同XMLHttp实现声明数组
          var MSXML=new Array('Msxml2.XMLHTTP.7.0',
                              'Msxml2.XMLHTTP.6.0',
                              'Msxml2.XMLHTTP.5.0',
                              'Msxml2.XMLHTTP.4.0',
                              'MSXML2.XMLHTTP.3.0',
                              'MSXML2.XMLHTTP',
                              'Microsoft.XMLHTTP');
          //依次对每个XMLHTTP实现创建XMLHttpRequest对象
          for(var i=0; i<MSXML.length; i++)
          {
              try
              {
               var oAjax=new ActiveXObject(MSXML[i]);
                  break;
              }
              catch (ex) {
              }
          }
      }
    //2.连接服务器true指异步
    oAjax.open("post",url,true);
    //3.发送
    oAjax.send();
    //4.接收
    oAjax.onreadystatechange=function (){
            if(oAjax.readyState==4){//请求响应是否结束
                        if(oAjax.status==200){//请求是否成功
                                        fnSucc(oAjax.responseText);//响应成文本形式接收
                             }
                            else
                            {
                                        if(fnFaild){
                                            fnFaild(oAjax.status);//响应失败的原因
                            }
                    }
            }
    }
}

第二种：Send()带请求信息

var xmlHttp;

function createXmlHttpRequest(){
    if (window.XMLHttpRequest) { //Mozilla 浏览器
        return new XMLHttpRequest();
    }
    else
        if (window.ActiveXObject) { // IE浏览器
            try {
                return new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (e) {
                try {
                    return new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e) {
                }
            }
        }
}

function ajax(options){
    xmlHttp = createXmlHttpRequest();
    var url = options.url+"?timeStemp="+new Date().getTime();//加new Date().getTime()的原因，可以清理缓存，每次请求都会刷新
    xmlHttp.onreadystatechange=function(){
        if(xmlHttp.readyState==4){//是否响应成功
            if(xmlHttp.status==200){//http响应是否成功
                options.Success(xmlHttp.responseText);//文本形式接收
            }
        }
    };
    xmlHttp.open("POST",url,true);
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
    xmlHttp.send(options.data);//刷新
}

我们使用send()带参数提交时，必须设置setRequestHeader。这样send()提交就类似于form表单提交。

比如：

用send()不带参数提交时　　

http://index.jsp?name=wp-》A

用send("name=wp")带参数提交：

http://index.jsp-》B

A和B其实是等价的

这是send("name=jack&age=11")

这是send()

Java小生店铺：

Pc端：http://shop125970977.taobao.com/index.htm

手机端：搜索 java小生店铺

希望店铺的资料能帮助到你！！！