AJAX的组成应用
表示层 | XHTML+CSS |
动态显示和数据 | DOM (文档对象模型) |
数据交互和操作 |
XML,XSLT |
异步数据获取 |
XMLHttpRequest |
绑定和处理数据 |
JavaScript |
属性:Number readyState 4 表示完成
Function onreadystatechange 回调函数
string responseText
XMLDocument responseXML
Number status 200
string statusText ok 用来返回 respons
方法:
void open(string,string,boolean)
1.GET,POST,HEAD,PUT,DELETE,OPTION,TRACE
2.URL
3,是否异步的true,否则就同步
void send(string)
void setHeader(string,string)
string getResponseHeader(string)
string getAllResponseHeaders()
void abort() 关闭
AJAX应用
提交请求
1. XMLHttpRequest----------->服务器
2 3.服务器----返回--->数据<-----分析-----JavaScript
实例:
新建ASPX页面,添加Button(html)按钮,添加事件
OnClick="startRequest();"
添加JavaScript
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()//创建对象
{
//判断浏览器
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//微软浏览器
}
else if(window.XMLHttpRequest)//非微软的浏览器,friefox
{
xmlHttp=new XMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;//回调函数
xmlHttp.open("GET","response.xml",true);//get,post
xmlHttp.send(null);
}
function handleStateChange()
{
if(xmlHttp.readyState==4)//完成的情况
{
if(xmlHttp.status==200)//返回状态是成功的
{
alert("来自服务器的相应:"+xmlHttp.responseText);
}
}
}
}
function startRequest()
{
createXMLHttpRequest();
}
</script>
response.xml文件
"只有随便几个文字"
试验一下,网站还是不可以后退的啊.
白虎
Hello! I Am David.DU.