您的位置:首页 > Web前端 > JQuery

jquery 扩展编写及时更新

2016-04-26 09:12 549 查看
页面 1 index.html
<html>
<head>
<title>jquery 扩展编写及时更新</title>
<script src="
Public/jquery.min.js"></script>
<script charset="utf-8"  src="Public/AjaxFunction.js"></script>
</head>
<body>
<divclass="am-comments-list admin-content-comment" id="newBook">

</div>
<script>$(document).ready(function(){$("#newBook").AjaxFunction();})</script>
</body>
</html>
AjaxFunction.js  文件
(function($){$.fn.AjaxFunction = function(options){var defaults_data={};var defaults={pfile:"newBook.html",m:"post",data:defaults_data}  //默认参数var opts= $.extend(defaults,options); //合并参数var thisobj=this;$.ajax({url:opts.pfile,type:opts.m,data:opts.data,success:success,error:error});function success(result){thisobj.html(result);$.ajax({url:opts.pfile,type:opts.m,data:opts.data,success:success,error:error});}function error(){$.ajax({url:opts.pfile,type:opts.m,data:opts.data,success:success,error:error});}}})(jQuery)
newBook.html  文件
aaaa
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: