异步的 JavaScript 和 XML--AJAX


AJAX全称:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)

1.应用场景

发送请求->等待->响应->等待 期间不能和服务器发生其他的交互操作

ajax操作过程
只能运用在浏览器上:浏览器上内置了一个对象XmlHttpRequest帮你向服务器发送请求,服务器会返回一个xml或者文本数据给浏览器,做一些效果的展示或者其他页面的操作,从而达到一个页面没有刷新,但请求已经执行了的效果,异步刷新。

//获取浏览器内置的xmlHttpRequest对象
function getXHR(){
    var xhr=null;
    //判定:如果当前浏览器里面有这么一个对象,说明它不是IE低版本的浏览器
    if ((typeof XMLHttpRequest)!='undefined'){
        xhr=new XMLHttpRequest();
    }else{
        xhr=new ActiveXObject('Microsoft.XMLHttp');
    }
    return xhr;
}

2.优点

2.1 用户交互效果好
2.2 不需要下载其他的控件

3.请求方式

get:
	①获得内置对象
	var xhr=getXHR();
	②设置请求方式:包含请求类型,请求名称  true:表示是否异步刷新
	xhr("get","findByUsername?username=123",true);
	③回调函数
	xhr.onreadystatechange=function(){
			//根据回调的状态status值进行操作
	}
	④发送请求
	xhr.send(null);
post:
	①获得内置对象
	var xhr=getXHR();
	②设置请求方式:包含请求类型,请求名称  true:表示是否异步刷新
	xhr("get","findByUsername",true);
	③加一个请求内容的设置
	xhr.setRequestHeader("Context-Type","application/x-www-form-urlencoded");
	④回调函数
	xhr.onreadystatechange=function(){
			//根据回调的状态status值进行操作
	}
	⑤发送请求
	xhr.send("userbane"+'123');
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值