ajax:页面无刷新读取服务器数据
get:通过浏览器地址栏传输数据
- get传输数据小
- 安全性较低
- 有缓存
post:通过http内部传输数据
- 容量较大,一般可达2G
- 安全性相对较高
- 无缓存
1.创建一个Ajax对象
//主流浏览器
if(window.XMLHttpRequest)
var oAjax = new XMLHttpRequest();
//IE7以下低版本浏览器
var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
2.连接到服务器
oAjax.open('get/post,'a.php?t='+new Date().getTime(),true);
3.发送数据
oAjax.send();
4.接受返回值
onreadystatechange事件通过readyState属性来判断请求状态
readyState:
0(未初始化)还未调用open方法
1(载入)已经调用send方法,正在发送请求
2(载入完成)send发送完成,接受到响应内容
3(解析)正在解析相应内容
4(完成)内容解析完成
status属性:200(成功)404(失败):oAjax.status==200
服务器的返回值:oAjax.responseText
if(oAjax.readyState==4){
if(oAjax.status==200){
success(oAjax.responseText);
}else{
error(oAjax.status);
}
}