- ajax并不是新的技术,只是将原有的技术整合到一起(yi)
(1)使用CSS和XHTML来表示
(2)使用DOM模型来交互和动态显示
(3)使用XMLHttpRequest来和服务器进行异步通信
(4)使用javascript来绑定和调用
2.解决局部刷新,提高用户体验
3.内部原理:
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
// get请求
//true代表是否异步
xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
xmlhttp.send();
//post请求
xmlhttp.open("POST","ajax_test.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Bill&lname=Gates");
//异步的响应
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
异步响应之后需要执行的语句
}
}
readyState
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200: "OK"
404: 未找到页面
w3school