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表示未找到

 

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

 

转载于:https://www.cnblogs.com/gqblogs/p/ajax.html