jquery自定义插件结合baiduTemplate.js实现异步刷新（附源码)

上一篇记录了BaiduTemplate模板引擎使用示例（附源码),在此基础上对使用方法进行了封装

自定义插件jajaxrefresh.js代码如下：

//闭包限定命名空间(函数($){ $。fn。扩展({ ' ajarjresh ' :函数(选项){//检测用户传进来的参数是否合法if(！isValid(选项))返回这个；var opts=$ .extend({}、defaluts、options)；//使用jQuery.extend覆盖插件默认参数var $ this=$(this)；//获取当前数字正射影像图的jQuery对象$.ajax({ url: opts.url，dataType: 'json '，success : function(data){ var template=opts。模板；$.ajax({ url:模板，dataType: 'html '，success :函数(val){ $ this。html(百度。模板(val，数据))；} });} });} });//默认参数var defaluts={ template: ' '，URL : ' ' }；//私有方法，检测参数是否合法函数isValid(options) { return！选项| |(选项的选项类型==' object ')？真：假；} })(窗口。jquery)；调用方法：

$(文档)。ready(function(){ $(“# list”)).Ajax刷新({ template : ' templates/list。html '，URL : '数据/数据。txt ' })；});预览效果：

源码下载：http://夏仔。JB 51。net/201612/马援/baiduTemplate-v1.1_jb51.rar

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！