jquery自定义插件结合baiduTemplate.js实现异步刷新（
编程学习 2021-07-04 19:19www.dzhlxh.cn编程入门
本文主要介绍了jquery自定义插件结合baiduTemplate.js实现异步刷新的具体实例，具有很好的参考价值，需要的朋友一起来看下吧
上一篇记录了，在此基础上对使用方法进行了封装
自定义插件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' });
});
预览效果：
：
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持狼蚁SEO！
上一篇：js微信支付实现代码
下一篇：Html中 IFrame的用法及注意点