统一的Ajax提交封装，一劳永逸好工具（带跨域处理）

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

        //---------核心关键，大家爱护----------///*** 公共：基础支撑**/var G = {/*** 统一的请求* @parm url请求服务器地址，格式："${contextPath }/docmanage/list"* @parm fn回调函数，格式:function setTableTr(data){for(..){..}}* @parm parm提交的条件，格式:{"name":"zhangsan","age":"23"}**/request:function (url,fn,parm) {$.ajax({type: "post", async: false,url: url, //请求的URLdataType: "json",data: parm,//动态执行这个callback函数success: function (data) {if(fn!=undefined)fn(data);},error:function(reslt){alert("服务器，请求失败。");}})}}

跨域请求，使用下面这段

//统一的请求
function request(url,params, fn) {$.ajax({type: "get", //jquey是不支持post方式跨域的async: false,url: url, //跨域请求的URLdataType: "jsonp",//传递给请求处理程序，用以获得jsonp回调函数名的参数名(默认为:callback)jsonp: "callback",data: params,//成功获取跨域服务器上的json数据后,会动态执行这个callback函数success: function (data) {var result = 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://blog.51cto.com/zl0828/1839979

统一的Ajax提交封装，一劳永逸好工具（带跨域处理）相关推荐

Vuejs模拟Ajax请求接口（天气预报API）跨域问题 - 案例篇
vuejs的Ajax跨域请求问题一直都是前端人员开发vue项目进程中经常遇到的不得不解决的热门问题,也是个心病. 首先看一下,页面报错内容提示: Access to XMLHttpRequest a ...
12月12日学习内容整理：Ajax中的contentType参数，csrf跨域请求处理，serialize方法...
一.contentType参数 1.用来标识请求的数据格式 2.默认值: "application/x-www-form-urlencoded" 代表是urlencoded编码 ...
ajax和jsonp没有半点关系,跨域问题
2019独角兽企业重金招聘Python工程师标准>>> jsonp确实和ajax没有半毛钱关系,只算是一种机制跨域数据获取方案或者协议. 只是说很多库(比如jquery)里面对jso ...
ajax请求头cookies中传递sid,跨域请求单点登录，登录成功，但是在controller中获取的cookie与浏览器中不一致，请大神指点一二。^_^...
跨域请求js代码: $.ajax({ type:"post", async:false, contentType : "application/x-www-form-ur ...
vue-cli2.x统一配置接口请求地址和开发环境的跨域代理
1.修改config/dev.env.js(开发环境的baseURL地址统一配置) 2.修改config/prod.env.js(线上环境的baseURL地址统一配置) 3.修改config/inde ...
Day15(Js入门、jquery入门、ajax入门、前后端分离开发跨域问题、linux环境准备、jdk_tomcat环境搭建、docker介绍及应用(docker安装、基本命令、安装tomcat))
js入门 js代码辅助 window–>preferences–>javaScript–>Content Assist .abcdefghijklmnopqrstuvwxyz alt ...
微信开发者工具报跨域问题，以及配置微信开发者工具可跨域
1.将安装好的微开发者工具移动到没有中文路径的地址,然后将微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式 2,按照谷歌配置可跨域的方法配置配置方法(配置的时候请保证你的软件 ...
微服务使用swagger-ui工具，跨域问题
问题描述使用swagger工具测试微服务时,出现端口号不一致的跨域问题,如下图解决方案在nginx中配置proxy_pass代理,解决跨域,如下配置 nginx.conf #user nobod ...
记录一下困扰我多天的问题————PDF.js工具的跨域访问pdf文件
这几天公司要求做一个课件上传的功能,首要当然就是pdf格式的文件了(因为pdf是万能的,啥格式都可以转pdf),当开发文档定下来之后我就开始着手寻找pdf插件,当前就找到了pdf.js(当时也找到了其 ...

统一的Ajax提交封装，一劳永逸好工具（带跨域处理）

统一的Ajax提交封装，一劳永逸好工具（带跨域处理）相关推荐

最新文章

热门文章