AJax技术

请教:JavaScript中写ajax请求如何复用代码

字号+ 作者:H5之家 来源:H5之家 2015-11-02 18:08 我要评论( )

正在做订单列表,需要为不同订单状态的查询、上提加载等操作写ajax请求,这些请求大部分代码都一样,只在个别参数还有回调函数中的一处地方有不同: 我要写很多

不知道这样可否解决你的需求:
封装公用Ajax函数,比如Like This:

var Common = { ajax: function(data,fn,async){ if(typeof(async)==undefined){ async = true; } fn = _.isFunction(fn) ? fn : function(data){console.log("data arrived,with no callback:",data);} $.ajax({ type : "POST", url : window.location, async: async, dataType : "json", data : data, beforeSend : Common.loadShow, }) .always(Common.loadHide) .done(fn) } , loadShow: function(){ //do sth } } , loadHide : function(){ ////do sth } }

使用Like This:
var requestData = "..."; //根据不同状态,做下区别即可;为了复用,也可封装成函数,用函数返回值即可。
Common.ajax( requestData , function(data){...});
如需复用请求成功的处理函数,您也可以将这里回调的匿名函数做下封装。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript学习总结之JS、AJAX应用

    JavaScript学习总结之JS、AJAX应用

    2016-02-06 15:02

  • 学习JavaScript设计模式之代理模式

    学习JavaScript设计模式之代理模式

    2016-01-25 17:02

  • javascript、jquery、AJAX总结

    javascript、jquery、AJAX总结

    2016-01-25 17:00

  • 今天开始应该使用 5 个JavaScript调试技巧

    今天开始应该使用 5 个JavaScript调试技巧

    2016-01-23 17:00

网友点评