Ajax Get请求获取后台返回的数据

前端之家收集整理的这篇文章主要介绍了Ajax Get请求获取后台返回的数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
/* * Ajax 对象的成员 * 属性: responseText:以字符串形式接受返回的数据 * readyState: * 0:刚创建ajax对象 * 1:已经调用open方法 * 2:已经调用send方法 * 3:已经返回部分数据 * 4:请求完成,数据返回完整 * onreadystatechange:事件: 当readystatus发生改变的时候 * 方法: * open()创建新的http请求 * send() 把请求发送给服务器 * */ function ajax() {

    // 1. 创建ajax请求  var xhr = new XMLHttpRequest();

    //4.给ajax设置回调方法  xhr.onreadystatechange = function() {

        // 5.进行状态码的判断  if (xhr.readyState == 4){
            // 把服务器返回的数据显示到网页上  document.getElementById('callback').innerHTML = xhr.responseText;
        }
    }

    // 2. 设置请求的url  xhr.open('get','./ajax.PHP');

    // 3. 发送请求  xhr.send(null);

    console.log(xhr.responseText);



}

猜你在找的Ajax相关文章