|
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);?
? ? ? }?
}
|