通过ajax的jsonp方式实现跨域访问,并处理响应

一、场景描述

现有一个项目A,需要请求项目B的某个接口,并根据B接口响应结果A处理后续逻辑。

二、具体实现

1、前端

前端项目A发送请求,这里通过jsonp的方式实现跨域访问。

html 复制代码
       $.ajax({    
            url:'http://10.10.2.256:8280/ssoCheck',   //请求的url地址
            data:{'userId':'1'}, //参数
            dataType:"jsonp",   //返回格式为json
            type:"GET",   //请求方式
            jsonpCallback:"successCallBack"//回调方法

        });

注意,需要指定jsonp的回调方法jsonpcallback,这里我设置的回调方法名为successCallBack,所以相应的 要定义一个successCallBack方法。

html 复制代码
function successCallBack(data){
        //后端返回接口
       if (data && data.code == '200'){
          //自己逻辑
       }
    }

2、 后端

后端需要注意返回的json格式,必须严格返回 successCallBack({}) 格式的。

(successCallBack也就是前端配置的回调方法名),否则回调方法无法执行。

3、效果展示

相关推荐
月亮慢慢圆几秒前
首字母模糊匹配
前端
一个有理想的摸鱼选手几秒前
CesiumLite-在三维地图中绘制3D图形变得游刃有余
前端·gis·cesium
一千柯橘1 分钟前
Three.js 坐标系完全入门:从“你在哪”到“你爸在哪”都讲清楚了
前端
独角仙梦境2 分钟前
同事:架构太复杂了,源码文件找半天。 我:源码溯源了解一下?
前端·vue.js
八哥程序员2 分钟前
从border-image 到 mask + filer 实现圆角渐变边框
前端·css
ChangYo3 分钟前
解决网页前端中文字体包过大的几种方案
前端
车前端3 分钟前
现代 Nginx 优化实践:架构、配置与性能调优
前端·nginx
槁***耿7 分钟前
前端路由守卫
前端
百***35489 分钟前
前端视频处理开发
前端·音视频
顾安r21 分钟前
11.29 脚本游戏 单页面格斗游戏模板
前端·javascript·css·游戏·virtualenv