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小生店铺

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

 

posted @ 2016-09-28 10:23  一个java小生的奋斗史  阅读(667)  评论(0编辑  收藏  举报