关于ajax的,关于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");

})

}