AJAX即异步javascript和XML
ajax是一个非常基础又常见的前端技能。我认为它的核心就是实现局部刷新。这在网站中是非常有用的。下面是我整理的学习过程和心得~
运用ajax大致是这样一个过程
- 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
FF,Chorme,Safari,Opera,IE7及以上的浏览器都支持xhr对象,IE7以下浏览器不支持,使用的是ActiveXObject - 请求
XMLHttpRequest 对象用于和服务器交换数据。要将请求发送到服务器,要用到对象的open和send方法。通过 AJAX,JavaScript 无需等待服务器的响应,而是:在等待服务器响应时执行其他脚本,当响应就绪后对响应进行处理1
2xmlhttp.open(method,url,async)
xmlhttp.send();
当使用 async=true 时,要规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数
readyState 属性存有 XMLHttpRequest 的状态信息,每当 readyState 改变时,就会触发 onreadystatechange 事件。
当使用 async=false 时,不要编写 onreadystatechange 函数,把代码放到 send() 语句后面即可 - 响应
- 要获得来自服务器的响应,使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
这个东西说简单简单说复杂复杂,但是平时自己折腾的东西里面很少会涉及到与后台有交互的东西,所以总也搞不太明白,看来还是要多找找东西写和多了解一下底层原理呀~