欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 美食 > 通过ajax的jsonp方式实现跨域访问,并处理响应

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

2025/7/22 4:30:41 来源:https://blog.csdn.net/qq_37559701/article/details/144443300  浏览:    关键词:通过ajax的jsonp方式实现跨域访问,并处理响应

一、场景描述

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

二、具体实现

1、前端

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

       $.ajax({    url:'http://10.10.2.256:8280/ssoCheck',   //请求的url地址data:{'userId':'1'}, //参数dataType:"jsonp",   //返回格式为jsontype:"GET",   //请求方式jsonpCallback:"successCallBack"//回调方法});

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

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

2、 后端

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

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

3、效果展示

 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词