统一的Ajax提交封装,一劳永逸好工具(带跨域处理)
发布时间:2020-12-16 01:30:51 所属栏目:百科 来源:网络整理
导读:直接上代码,核心代码的使用文末提供 //---------核心关键,大家爱护----------///***公共:基础支撑**/varG={/***统一的请求*@parmurl请求服务器地址,格式:"${contextPath}/docmanage/list"*@parmfn回调函数,格式:functionsetTableTr(data){for(..){..}}
直接上代码,核心代码的使用文末提供 //---------核心关键,大家爱护----------// /** *公共:基础支撑 **/ varG={ /** *统一的请求 *@parmurl请求服务器地址,格式:"${contextPath}/docmanage/list" *@parmfn回调函数,格式:functionsetTableTr(data){for(..){..}} *@parmparm提交的条件,格式:{"name":"zhangsan","age":"23"} **/ request:function(url,fn,parm){ $.ajax({ type:"post",async:false,url:url,//请求的URL dataType:"json",data:parm,//动态执行这个callback函数 success:function(data){ if(fn!=undefined)fn(data); },error:function(reslt){ alert("服务器,请求失败。"); } }) } } 跨域请求,使用下面这段 //统一的请求 functionrequest(url,params,fn){ $.ajax({ type:"get",//jquey是不支持post方式跨域的 async:false,//跨域请求的URL dataType:"jsonp",//传递给请求处理程序,用以获得jsonp回调函数名的参数名(默认为:callback) jsonp:"callback",data:params,//成功获取跨域服务器上的json数据后,会动态执行这个callback函数 success:function(data){ varresult=data.result; if(data.head!='SUCCESS'){ alert("服务器错误,请及时联系开发商!"); return; } if(fn!=undefined)fn(result); } }); } 使用方法: request("http://www.baidu.com",{"money":"100000"},moneyCall); function moneyCall(data){ alert(JSON.stringify(data)); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |