关于ajax:ajax

ajax 的根本步骤

1. 注册

var xhr = new XMLHttpRequest();

2. 设置监听

xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){console.log(xhr.responseText);
    }
}

3. 连贯

xhr.open("GET","https:www.baidu.com",true);//true 示意异步 

4. 发送

xhr.send();

post 申请须要申请头

//post 申请要设置申请头
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send("name="+name);

post 申请和 get 申请不同之处在一个是在 url 传值一个是在 send() 中传值，post 申请须要设置申请头

为了减少代码的可重用性所以须要把 xhr 共性进行封装应用传值的模式来应用 ajax

function submit(url,parmeter,callback){var xxhyp = new XMLHttpRequest();
    xxhyp.onreadystatechange=function(){if(xxhyp.readyState==4&&xxhyp.status==200){callback(xxhyp.responseText);
        }
            }
xxhyp.open("POST",url,true);
//post 申请要设置申请头
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xxhyp.send(parmeter);
}

// 须要应用时代码示例
function chaer(){
var url = "dopost";
var parmeter = "msg";
submit(url,parmeter,function(result){document.ElementById("loadid").innerHTNL=result;
    });    
    }
//callback 和 function(result) 造成了函数的回调~~~~
//get 申请相似 

Jquery-ajax

先得引入 jquery 的包哦

1. 应用 jquery-ajax 的 get 申请

function doget(){
var url = "dopost";
var parmeter = "msg"; 
$.get(url,parmeter,function(result){$("#loadid").html(result);
    });   
}

//get(url,params[,dataType]) 为 jquery 种的一个 ajax 函数,dataType– 冀望然会的类型

2. 应用 jquery-ajax 的 post 申请

function dopost(){
var url = "dopost";
var parmeter = "msg"; 
$.get(url,parmeter,function(result){$("#loadid").html(result);~~~~
    });   
}

3. 应用 jquer 原生的 ajax

function doajax(){
  var url = "doget";
  var parmeter = "msg";
  $.ajax({
    url:url,            //url
    type:"GET",         // 指定提交办法
    async:true,         // 指定异步还是同步
    data:parmeter,         // 指定参数
    success:function(result){$("#loadid").html(result);~~~~
    }
  });
}

4. 应用 load 形式

function doload(){
  var url = "doget";
  var parmeter = "msg";  
  $("#loadid").load(url,parmeter,function(){console.log("console 管制 tai");
  })
 }