Ajax(asynchronous javascript and XML)无刷新的情况下页面内容发生改变
工作原理:
在用户与服务器之间加了一个中间层,使用户操作和服务器响应异步化。并不是所有的用户请求都提交给服务器,像一些数据验证和数据处理等交给Ajax引擎自己做。
Ajax核心对象XMLHttpRequest
var xnlHttpRqObj=new XMLHttpRequest();创建普通的方式,ie浏览器例外
对于innerHTML 属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML
流程:
创建XMLHttpRequest对象
创建一个http请求
设置响应http请求回调函数
发送HTTP请求
等待请示的响应
使用DOM实现局部刷新
属性:
readyState:就绪的状态,0,1,2,3,4
statue:服务器的http状态码
onreadystatechange:状态改变时触发该事件
responseText:服务器的响应,表示为一个字符串
方法:
open(“method”,”url”):建立对服务器的调用
send(content):向服务器发送请求
abort():停止当前的所有请求
<script>
function loadXMLDoc()
{
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");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)