前端解决跨域问题

1.JSONP 

缺点是只能解决 get请求 不支持post

JSONP原理就是通过script标签的src属性 请求跨域的数据接口
并通过函数调用的方法来接受跨域接口响应回来的数据

<script src="./js/yanshi.js?callback=name"></script>

回调函数 callback关键字 找到想要调用的形参
在jq中发起jsonp请求 自定义的回调函数名称,默认值为 jQueryxxx 格式
指定jsonp的名称 和 返回回调的名称

(例子)

$.ajax({
method: "GET",
url: "http://www.liulongbin.top:3006/api/jsonp?name=zs&age=20",
dataType: "jsonp",
// 发送到服务端的参数名称,默认值为 callback
jsonp: "callback",
// 自定义的回调函数名称,默认值为 jQueryxxx 格式
jsonpCallback: "abc",
success: function (res) {
console.log(res);
},
});

2.CORS

posted on   叫我泰泰哥  阅读(14)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示