ajax 初步了解

Posted 2020-11-04 尘不修仙

ajax对象的成员

　　　　 属性：
　　　　　　　responseText 以字符串形式接收服务器端返回的信息
　　　　　　　readyState 表示ajax状态值
　　　　　　　onreadystatechange 事件，该事件可以感知ajax状态(readyState)的变化
　　　　　　　ajax请求过程中要随时感知其状态
　　　　方法：
　　　　　　　open()创建一个新的http请求

　　　　　　　send()发送请求到服务器

　　　　ajax有5种状态readyState：
　　　　　　　0------> 创建ajax对象完毕
　　　　　　　1------> 有调用open()方法
　　　　　　　2------> 有调用send()方法
　　　　　　　3------> 服务器端数据只返回了一部分
　　　　　　　4------> 服务器端数据全部返回，ajax请求完成

代码示例

function sendInfo(type,code=0){
//    创建对象
    var xhr = new XMLHttpRequest();
//    监听ajax状态
    xhr.onreadystatechange = function(){
//    判断，当监听的ajax状态是4的时候(数值对应上面的五种状态)
        if(xhr.readyState==4){
//    处理数据,以字符串的形式接收数据库里面的信息  resoponseText
            chuliData(xhr.responseText,type);            
        }
    }
//    创建一个请求,链接数据库
    xhr.open("get",‘./ld.php?type=‘+type+‘&code=‘+code);
//    发送请求
    xhr.send(null);
}

示例