ajax原理
通过xmlhttprequest对象来向服务器发送请求,从服务器获得数据,然后js来操作DOM更新页面;
JavaScript 通过用户或其他浏览器相关事件捕获交互行为
xmlhttprequest 对象,通过这个对象可以在不中断其他浏览器任务的情况下向服务器发送请求
服务器上的文件,以xml HTML 或json格式保存文本数据
使用:
创建对象 var ajax = new xmlhttprequest();
设置请求参数:ajax.open('get','data/test.json',true);
以何种方式发送请求 需要请求的url
ajax.onreadystatechange = function(){
准备状态改变
if(ajax.readystate == 4&&ajax.status == 200){
请求的当前状态 状态码
func-succ(ajax.responseaTest);}else{
}
}
ajax.send(null);
0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1 (初始化) 对象已建立,尚未调用send方法
2 (发送数据) send方法已调用,但是当前的状态及http头未知
3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,
4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据
http状态码:
200交易成功
404没有发现文件