统一的Ajax提交封装,一劳永逸好工具(带跨域处理)

前端之家收集整理的这篇文章主要介绍了统一的Ajax提交封装,一劳永逸好工具(带跨域处理)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

直接上代码,核心代码的使用文末提供

//---------核心关键,大家爱护----------//
/**
*公共:基础支撑
**/
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));

}

原文链接:https://www.f2er.com/ajax/161929.html

猜你在找的Ajax相关文章