Ajax简单的异步交互及Ajax原生编写

2019-09-14 07:01:04刘景俊

ps:Ajax简单的异步交互

ajax简单的异步交互,可以先从get方式开始说起

那么创建一个Ajax与服务器端的异步请求,需要完成三个

步骤1、XMLHttpRequest对象的创建

if(window.XMLHttpRequest){//针对IE7以上 以及标准浏览器
var xhr=new XMLHttoRequest();
}else if(window.ActiveXObject){
var xhr=new ActiveXObject("Microsoft.XMLHTTP");
} 

步骤2、注册回调函数

xhr.onreadystatechange=callback;
或者xhr.onreadystatechange=function(){
//codes here 
} 

步骤3、设置连接信息

xhr.open("GET",url,true)//其中true表示为异步交互

步骤4、发送数据

xhr.send(null);