Ajax
Asynchronous JavaScript + XML(异步JavaScript和XML), 其本身不是一种新技术,而是一个用来描述一种使用现有技术集合的‘新’方法.
无刷新获取数据
发送ajax请求:
1.创建一个http请求对象
var httpRequest = new XMLHttpRequest();
var obj = {
username:'admin';
password:'123456';
}
2.准备发送,打开一个http链接
//有两种请求方式(get,post)
第一种:// 将js对象转为查询字符串
<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.10.1/qs.min.js"></script>
var qs = Qs; //第三方库
var stringObj = qs.stringify(obj);
httpRequest.open('get','http://**********?' + stringObj);
第二种:httpRequest.open('post','http://***********');
//配置post请求 数据格式
httpRequest.setRequestHeader("Content-Type", "application/json")
3.发起请求
//有两种发起请求方式(get,post)
第一种:httpRequest.send();
第二种:httpRequest.send(JSON.stringify(obj));
4.处理响应
/*httpRequest.readyState === 4 代表http请求完成
httpRequest.status === 200 代表请求成功*/
httpRequest.onreadystatechange = function(){
if(httpRequest.readyState === 4 && httpRequest.status === 200){
//获取响应的数据
console.log(httpRequest.responseText);
}
if(httpRequest.readyState === 4 && httpRequest.status === 500){
//获取响应的数据
console.log('错误' + httpRequest.responseText);
}
}
发送ajax请求方法(get,post)
最新推荐文章于 2024-04-14 21:09:52 发布