jQuery可智能缓存响应数据的ajax调用插件_jQuery之家-自由分享jQuery、html5、css3的插件库

简要教程

Smartjax是一款可以将ajax请求的内容进行智能缓存的jQuery插件。作为原生jQuery的$.ajax()方法的替代，Smartjax.ajax()可以将ajax的回调内容缓存在浏览器中，再次进行相同url的ajax调用时，不会在向服务器发送请求，而是读取本地的缓存。你还可以强制发送ajax请求，或清除指定或所有的ajax缓存内容。

Smartjax的特点有：

Smartjax.js是一个轻量级的插件。
Smartjax的语法和原生jQuery $.ajax()的语法十分相似，你只需要注意一些额外的参数即可。
减少服务器端的http请求可以大大提升你的网站性能。

如上面所述，Smartjax会缓存ajax响应信息，并且不会对同一个url发生两次ajax请求。举个例子来说明：例如你要在你的网站的右上方显示用户登录状态和用户信息，如果你每一个页面都要显示这个信息，那么每一个页面都会向服务器发送相同的ajax请求来获取该用户的信息，或者是通过服务器端程序来完成这个功能。如果使用smartjax，那么它会在第一次获取用户信息后，将信息缓存在浏览器中，以后每个页面的用户信息都会从浏览器缓存中提取。

使用方法

smartjax的使用方法非常简单，下面是它和原生jQuery ajax的比较：

原生jQuery Ajax

$.ajax({
    url:'http://httpbin.org/post',
    type: 'POST',
    data:{
        a:1,b:2
    }
});

Smartjax

Smartjax.ajax({
    url:'http://httpbin.org/post',
    type: 'POST',
    data:{
        a:1,b:2
    }
});

如果控制ajax数据

通过Smartjax.ajax()的一些参数和方法，你可以控制ajax响应数据的缓存方式，以及清除缓存和保存数据的方式。

Smartjax：在你引入smartjax.js文件之后，会创建一个全局的变量Smartjax，该变量包含一个方法,ajax()。
force：如果在某个ajax调用中设置force属性为true，smartjax会强制执行ajax调用并更新缓存的内容。
```
Smartjax.ajax({
    url:'http://httpbin.org/post',
    type: 'POST',
    data:{
        a:1,b:2
    },
    force:true
});
```
该参数默认值为false。

store：如果在某个ajax调用中设置store属性为false，那么响应的信息不回被缓存。

Smartjax.ajax({
    url:'http://httpbin.org/post',
    type: 'POST',
    data:{
        a:1,b:2
    },
    store:false
});

group：你可以使用group参数来对ajax调用进行分组。在清除响应缓存的时候，组是非常有用的。

Smartjax.ajax({
    url:'http://httpbin.org/post',
    type: 'POST',
    data:{
        a:1,b:2
    },
    group:"group1"
});

cleanStore(param)：该方法用于清除ajax的缓存数据。可以使用组参数来清除某一个组的缓存数据。
```
Smartjax.cleanStore({groups:["g1"]});
```
cleanAll()：该方法没有参数，作用是清除所有的ajax缓存数据。
```
Smartjax.cleanAll();
```
setDefaults(param)：该方法接收一个对象作为参数。默认的调用方式是get方式，你可以进行修改，其它两个参数和force和store相同。
```
Smartjax.setDefaults({
    defaultMethod: 'get',
    alwaysForce: false,
    alwaysStore: true
});
```

Pipelined features

support of ID. It will make saving data and retrieving faster.
Record and Mock services, which will help you to develop UI even if your api is not ready.