jquery ajax的再次封装,简化操作

1.封装的ajax

var funUrl=""   // 每个请求地址相同的部分

function queryData(url,params,success,error){

url=funUrl+url;// 拼接请求地址
var success = arguments[2]?arguments[2]:function(){};// 成功执行的函数
var error = arguments[3]?arguments[3]:function(){};// 失败执行的函数
$.ajax({
url:url,
type:"get",
dataType:"json",
data:params,//参数
success: function (res) {
if(res.success==true){
success(res.data.data);
}
},
error: function (res) {
error(res);
}
})
}

2.调用  queryData(url,params,success);//调用即可

时间: 2024-10-28 18:46:44

jquery ajax的再次封装,简化操作的相关文章

ajax的再次封装!

js的动态加载.缓存.更新以及复用 系列有点卡文,放心会继续的.先来点更基础的,为js的加载做点铺垫. jQuery的ajax本来就很方便了,为啥还要在进一步的封装呢?这个首先要看项目的具体需求了,如果觉得不需要,那么完全可以直接用jQuery提供的各种ajax的方法.如果像我似地,感觉不太方便的话,那么完全可以按照自己的想法和需求来再次封装一下. 需求: 1.调用的时候更加的简单. 2.可以灵活的做各种设置和变化. 3.可以满足一些通用的需求.比如出错的时候给出提示. 项目现状: 做ajax请

ajax的再次封装!(改进版) —— new与不 new 有啥区别?

生命不息重构不止! 上一篇写了一下我对ajax的再次封装的方法,收到了很多有价值的回复,比如有童鞋建议用$.extend,一开始还以为要做成插件呢,后来才知道,原来这个东东还可以实现合并.省着自己再去做判断了. 还有童鞋说“要不要多加点传入参数”,这一下提醒我了,ajax有很多参数呀,常用的我考虑进来了,但是还有很多不常用的呢,如果需要的话怎么办?在看看我调用原生ajax的方式,kao,完全不支持增加其他参数吗,这怎么行,改一定要改.于是就改成了这样. 1 //对ajax的封装 //最基础的一层

Jquery Ajax二次封装(部分转载)

/* ajax调用扩展 */ $.extend($,{ ajaxGetJson:function(url,data,callback) { $.ajax({ url:url, data:data, datatype:"json", method:"get", contentType: "application/json", beforeSend:function(){ //myLoad();//打开加载层 }, complete:function

jquery Ajax 全局调用封装

有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! [嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人] jQuery Ajax通用js封装 第一步:引入jQuery库 <script type="text/javascript" src="/js/jquery.mi

jQuery Ajax通用js封装

第一步:引入jQuery库 <script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> 第二步:开发Ajax封装类,已测试通过,可以直接调用,直接贴代码,讲解就省了 /***************************************************************** jQuery Ajax封装

Jquery EasyUI封装简化操作

//confirm function Confirm(msg, control) { $.messager.confirm('确认', msg, function (r) { if (r) { eval(control.toString().slice(11)); } }); return false; } //load function Load() { $("<div class=\"datagrid-mask\"></div>").cs

本篇文章主要是对jquery+ajax+C#实现无刷新操作数据库数据的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容 我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页 页面中我们放置一个Div容器用来存放返回的内容 <div id="comment"><img src="images/Wait.gif&quo

jquery+ajax实现表格修改行操作

大体思路 每一行的 <tr> 标签都将其 id 赋值成对应在数据库记录中的主键值: 点击编辑按钮时,将该行的 id 值传给 js 函数,作为更新时的条件: 当在编辑界面输入更新的数据后,点击更新按钮时,将新的数据传给 js 函数: 将 这一行的 id 值,也就是对应记录的主键和编辑后的更新数据,封装成 json 通过 ajax 传递给后台: 剩下的就交给后台... 刷新界面即可: 实例演示 获取改行的id,先存起来: //获取待更改指标的id function getZBId(obj){ te

jQuery ajax jsonp 使用模型

jQuery对ajax的支持 $.ajax({ //json形式数据 url: "DemoServlet", method: "post", data:{ //此处表示向服务器端传递的参数 msg: "msg的数据" did: "did的数据" }, dataType: "text", //"xml" "json" //服务器端处理后的响应方式 success: fu