ajax怎么用?ajax实现步骤

XIAO 2020-03-25 10:41:06 java常见问答 6327

对于接触过软件开发开发的小伙伴们来说,ajax不会太陌生,因为实在是太多功能的实现是真的离不开它,今天我们就来回顾一下ajax实现步骤,你还记得ajax怎么用吗?

第一步、创建XMLHttpRequest对象。

function createXMLHttpRequest(){
//声明一个变量,来保存XMLHttpRequest对象
var ajax = null;
try{
//这个对象只能在google和火狐等主流浏览器使用,IE不支持
ajax = new XMLHttpRequest();
}catch(e){
try{
//这个对象可以支持IE其它版本
ajax = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
//这个对象可以支持IE5、IE6
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
return ajax;
}

第二步、注册监听

ajax.onreadystatechange = function(){
//判断准备状态
if(ajax.readyState == 4){//4:和服务器建立好链接了
if(ajax.status == 200){//200表示服务器响应成功
var data = ajax.responseText;
}
}
}

第三步、建立连接

ajax.open("GET","",true);

第四步、发送请求

ajax.send(null);//GET请求方式

最后我们来复习一下ajax(Asynchionous JavaScript And Xml),异步JS和XML,它不是一个新技术,而是多个技术的集合。

JavaScript:更新局部网页

XML:封装请求和响应数据

XMLHttpRequest对象:Ajax的核心

我们可以说,Ajax其实就是使用XMLHttpRequest对象的属性和方法。

希望以上回顾能对大家有所帮助哦,关注本站可以了解更多相关知识点呢。