自定义插件jajaxrefresh.js 代码如下：
//闭包限定命名空间 (function ($) { $.fn.extend({ "ajaxrefresh": function (options) { //检测用户传进来的参数是否合法 if (!isValid(options)) return this; var opts = $.extend({}, defaluts, options); //使用jQuery.extend 覆盖插件默认参数 var $this = $(this); //获取当前dom 的 jQuery对象 $.ajax({ url: opts.url, dataType: "json", success: function (data) { var template = opts.template; $.ajax({ url: template, dataType: "html", success: function (val) { $this.html(baidu.template(val, data)); } }); } }); } }); //默认参数 var defaluts = { template: '', url:'' }; //私有方法，检测参数是否合法 function isValid(options) { return !options || (options && typeof options === "object") ? true : false; } })(window.jQuery);
调用方法：
$(document).ready(function () { $("#list").ajaxrefresh({ template: 'templates/list.html', url: 'data/data.txt' }); });
预览效果：
