AJAX获取数据

hfh-001

于 2019-09-26 10:58:19 发布

阅读量141

点赞数

文章标签： AJAX的基本使用

本文链接：https://blog.csdn.net/weixin_44934751/article/details/101427100

版权

AJAX 简介

ajax局部刷新获取数据，使得前端获取后台数据时候不用刷新整个页面的，达到很好的用户体验，同时使得刷新效率高效，进而减少对cup的使用，节省流量等。

ajax的基本使用

1：创建ajax对象
2：设置回调函数获取数据
3：打开资源
4：发送请求

实现：
//创建对象
var xhr = null;
if（window.XMLHTTPRequest）{
	xhr=new XMLHTTPRequest();
}
//设值回调函数
xhr.onreadystatechange= function(){
	//如果请求正常
	if（xhr.readyState==4&& xhr.status==200）{
		//获取数据
		document.getElmentById("id1").innerHTML = xhr.responseText;
}
}
//打开数据
xhr.open("get","资源路径"，true);
//发送请求
xhr.send()