jquery Ajax 全局调用封装实例详解
发布时间:2020-12-15 23:20:47 所属栏目:百科 来源:网络整理
导读:前言: 有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! 【嘿嘿!虽说我现在基本不用jqu
前言:有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! 【嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人】 jQuery Ajax通用js封装第一步:引入jQuery库 第二步:开发Ajax封装类,已测试通过,可以直接调用,直接贴代码,讲解就省了 /**
/**
}); 第三步:调用模拟<title>jQuery Ajax封装通用类测试</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<jsp:include page="/view/common/js_taglib.jsp"></jsp:include>
<script type="text/javascript">
$(function(){
$.ax(
getRootPath()+"/test/ajax.html",null,function(data){
alert(data.code);
},function(){
alert("出错了");
}
);
$.axpost(getRootPath()+"/test/ajax.html",function(data){
alert(data.data);
});
$.axspost(getRootPath()+"/test/ajax.html",function(){
alert("成功了");
},function(){
alert("出错了");
});
});
</script>
如上代码:只要填写 url,和要传输的 data 字段就行了,避免了重复工作和代码冗余。 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |