一、AJAX简介:(百度百科对AJAX的介绍)
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。
Ajax 是一种用于创建快速动态网页的技术。
Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 [1]
通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
二、实现AJAX的三个步骤
1.创建XMLHttpRequest对象:
var xmlHttpRequest = new XMLHttpRequest();//IE7+,Firefox,Chrome等浏览器
var xmlhttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE5,IE6浏览器
2.向服务器发送请求:
xmlHttpRequest.setRequestHeader('CONTENT-TYPE', 'application/x-www-form-urlencoded' );//设置Http请求头。
xmlHttpRequest.send();
xmlHttpRequest.open('GET','url',true); // open()方法:open('type','url','async');//type:请求的类型,GET,POST两种;url:向服务器请求的地址,async:true:异步请求,false:同步请求。
3.接受服务器响应: 获取服务器的响应使用XMLHttpRequest对象的responseText和responseXML属性: responseText:获得字符串形式的响应数据 responseXML:获得XML形式的响应数据
var strText = xmlHttpRequest.responseText;
var xmlText = xmlHttpRequest.responseXML;
三、MLHttpRequest对象其他属性:
1.readyState:存有XMLHttpRequest的状态(0,1,2,3,4) 0:请求未初始化 1:请求已建立连接 2:请求已接收 3:请求处理中 4:请求已完成,响应已就绪 2.status:200:服务器响应正常,404:资源找不到,500,服务器发生错误(常见的三种状态,还有很多其他状态) 3.onreadystatechange:函数名,每当readyState发生改变时触发该事件。