摘要
本文主要是作为一个分享Ajax基本原理和以及在ruby on rails中实现基本的Ajax的过程。
什么是Ajax?
Ajax 全称asynchronous javascript and xml,Ajax并不是一个新的技术,是已有技术的组合,主要用来实现客户端与服务器的异步通信效果,实现页面的局部刷新,现在的浏览器都支持原生的ajax请求。
Ajax基本原理
Ajax的原理简单来说就是通过XmlHttoRequest对象来向服务器发送异步请求,从服务器获得数据,然后用javascript来操作Dom而刷新页面。其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理,我们必须对XmlHttpRequest有所了解。
而XmlHttpRequest是Ajax的核心机制,它是在IE5中首次被引入的,是一种支持异步请求的技术。简单来说,也就是javascript可以及时向服务器提出请求和处理响应,而不阻塞用户,达到无刷新的效果。
基本步骤:
//创建XHR对象
var request = new xmlHttpRequest()
//配置XHR请求参数
request.open('GET',this.href+'?='+(new Date()),true);
//发送XHR请求
request.send(null);
//监听XHR响应状态
request.onreadystatechange = function(){
//当XHR响应成功的时候
if(request.readystate == 4 && request.states == 200){
//用XHR响应信息,来更新页面中指定的DOM