前端之家收集整理的这篇文章主要介绍了
Ajax Get请求获取后台返回的数据，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_502_1@/* @H_502_1@* Ajax 对象的成员 @H_502_1@* 属性: responseText:以字符串形式接受返回的数据 @H_502_1@* readyState: @H_502_1@* 0:刚创建ajax对象 @H_502_1@* 1:已经调用open方法 @H_502_1@* 2:已经调用send方法 @H_502_1@* 3:已经返回部分数据 @H_502_1@* 4:请求完成,数据返回完整 @H_502_1@* onreadystatechange:事件: 当readystatus发生改变的时候 @H_502_1@* 方法: @H_502_1@* open()创建新的http请求 @H_502_1@* send() 把请求发送给服务器 @H_502_1@* */ function ajax() {
@H_502_1@// 1. 创建ajax请求 @H_502_1@ var xhr = new XMLHttpRequest();
@H_502_1@//4.给ajax设置回调方法 @H_502_1@ xhr.onreadystatechange = function() {
@H_502_1@// 5.进行状态码的判断 @H_502_1@ if (xhr.readyState == 4){
@H_502_1@// 把服务器返回的数据显示到网页上 @H_502_1@ document.getElementById('callback').innerHTML = xhr.responseText;
}
}
@H_502_1@// 2. 设置请求的url @H_502_1@ xhr.open('get','./ajax.PHP');
@H_502_1@// 3. 发送请求 @H_502_1@ xhr.send(null);
console.log(xhr.responseText);
}
