加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

统一的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));

}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读