JQ实现简单的Ajax请求封装
封装的意义在于复用,在于减少重复的代码。 我在项目中做了简单的Ajax请求封装,实现方式如下: 1 //封装Ajax请求 2 $.extend({ 3 ajaxDirect:function(url,type,data,success,error){ 4 if(type.toLowerCase()=='post'){ 5 data = pack(data) 6 } 7 $.ajax({ 8 type: type, 9 url: base + url, 10 contentType:'application/json', 11 data:data, 12 beforeSend: function (XMLHttpRequest) { 13 XMLHttpRequest.setRequestHeader("X-Token", localStorage.token) 14 }, 15 success: function(data){ 16 success(data) 17 }, 18 error: function(data){ 19 error(data) 20 }, 21 dataType: "json" 22 }) 23 } 24 }) 其中的要点为: 1.使用jQ的$.extend函数,则调用时只需用$.ajaxDirect(url,type,data,function(){}