ajax

替换

   str.replace(‘把谁替换’,‘替换成谁’)

ajax的原理

   4步 
   1打开创建ajax对象
   2打开链接
   3发送请求
   4接受响应

XMLHttpRequest 是ajax的核心

GET

   创建:   var oAjax = new XMLHttpRequest(); 不兼容iE6
           var oAjax = new ActiveXObject('Microsoft.XMLHTTP'); IE678
          兼容写法:if(window.XMLHttpRequest){
                var oAjax = new XMLHttpRequest();
             }else{
                var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
            }

  打开链接:oAjax.open(‘打开方式’,‘url?data’,是否异步);同步:一次只做一件事  异步:同时做多件事
            写法:oAjax.open('GET','xxx?xxx=xxx',true);
   发送请求: oAjax.send();
   接受响应:oAjax.onreadystatechange = function(){
                  判断ajax状态码
                if(oAjax.readyState==4){
                  判断http状态码
                      if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
                            成功
                              oAjax.responseText
                                  响应文本
                      }else{
                          失败
                      }
               }
            }

POST

   创建:    var oAjax = new XMLHttpRequest(); 不兼容iE6
             var oAjax = new ActiveXObject('Microsoft.XMLHTTP'); IE678
   兼容写法:if(window.XMLHttpRequest){
                  var oAjax = new XMLHttpRequest();
             }else{
                  var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
              }
   打开链接 :  oAjax.open(‘打开方式’,‘url?data’,是否异步);同步:一次只做一件事  异步:同时做多件事
              写法:oAjax.open(‘POST','url',true);
   设置头部请求:oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
   发送请求:oAjax.send(data);
   接受响应 :oAjax.onreadystatechange = function(){
              判断ajax状态码
              if(oAjax.readyState==4){
                  判断http状态码
                  if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
                        成功
                      oAjax.responseText
                        响应文本
                  }else{
                    失败
                  }
                }
              }

ajax状态码

   0:准备成功 没有发送
   1:发送成功
   2:接收原始数据成功
   3:解析数据成功
   4:完成

HTTP状态码

   三位数 2字头代表成功  304 (重定向)

跨域数据交互

   ajax不能跨域   跨域方法:jsonp

JSONP

   wd: word  关键词
   cb:callback   回掉函数

你可能感兴趣的:(ajax)