ajax

ajax((asynchronous javascript and xml)

异步的javascript与xml

优点:不用加载整个页面就能局部更新页面信息


ajax工作流程,当发生某个事件时,创建XMLHttpRequest对象,向服务器发送请求
当服务器处理完请求以后,通过js进行处理,并修改相应的页面
达到与服务器进行异步通信

ajax的使用:


步骤1:创建合适的ajax对象
//对于目前主流的浏览器都内置了XMLHttpRequest对象
但是,IE5,IE6提供的是ActiveXObject对象
为了更好的扩展性,将两种情况都考虑最佳
window.XMLHttpRequest存在  var xmlhttp=new XMLHttpRequest()
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

步骤2:发送请求
//首先确定请求的方式,请求的资源,请求是否同步进行
xmlhttp.open("GET/POST","url",true/false);
然后发送请求
xmlhttp.send();//xmlhttp.send("string")有参数的send只用于post请求
发送请求以后,通过readyState来判断服务器是否响应完成了
关于readyState的值表示的意义:
0:请求未初始化
1:服务器连接已建立
2:请求已接受
3:请求处理中
4:请求已完成,且响应就绪(响应就绪以后,就可以获得响应的信息)
xmlhttp.onreadystatechange事件,每当readyState状态改变时会触发该函数


步骤3:响应的处理
当readyState==4 and  status==200时,说明响应已就绪且响应成功
此时可通过xmlhttp.responseText或xmlhttp.responseXML获得响应的信息

步骤4:更新局部页面通过响应信息
通过js使用xmlhttp中的响应信息,更新页面信息


#关于status,是xmlhttp的属性,如果为200表示ok;如果为404表示未找到

 

哈哈,新手上路。值得纪念。

 

posted @ 2018-08-16 00:23  gulchan  阅读(110)  评论(0编辑  收藏  举报