如何在rails中实现简单的ajax请求

摘要

本文主要是作为一个分享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