首页 > 其他分享 >前端解决跨域问题

前端解决跨域问题

时间:2023-07-09 19:44:14浏览次数:46  
标签:回调 跨域 前端 callback 名称 jsonp 解决 默认值

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

标签:回调,跨域,前端,callback,名称,jsonp,解决,默认值
From: https://www.cnblogs.com/taitaige/p/17539250.html

相关文章

  • 解决git clone时报 Failed to connect to github.com 问题
    下图为我的解决方式:具体前置原因不可说!tttttzzzzz有开了vpn的小伙伴,注意下哦!另外,在解决过程中也有说,是dns的问题,上图解决不了的,可以去搜索下!!!......
  • ICT应用解决方案实验04-WLAN专题项目
    ICT应用解决方案实验04-WLAN专题项目1项目介绍1.1项目拓扑1.2无线项目需求根据拓扑图,完善YX-CK和YX-Access的配置,其中,转发模式为隧道转发模式。现在为某车间进行无线网络规划,要求使用的业务VLAN为VLAN101,使用的管理VLAN为VLAN100。同时,AC充当DHCPServer,分别为这俩个VL......
  • redis雪崩问题解决
    缓存雪崩出现的场景缓存服务器宕机,没有设置持久化介绍:缓存服务器宕机,没有设置持久化,导致缓存数据全部丢失,请求全部转发到数据库,造成数据库短时间内承受大量请求而崩掉。缓存集中失效缓存的key设置了相同的过期时间,导致在某一时刻,大量的key同时失效,请求全部转发到数据库,造成......
  • ICT应用解决方案考核项目
    考核项目地址规划表设备接口地址备注ISPg0/0/01.1.1.254/24g0/0/1202.100.10.1/24g0/0/2101.100.10.1/24YX-FWg1/0/1202.100.10.2/24easy-ipg1/0/0192.168.30.2/24tunnel1192.168.50.1/24greYC-FWg1/0/1101.100.10.2/24nap......
  • 助教工作总结(前端开发技术)
    一、助教工作的具体职责和任务(1)和老师配合的方面理论课(1) 老师会在每一块内容授课结束后发布相应云班课的作业,在理论课进行时,我主要的工作是负责的作业批改,和提醒同学们修改,解答同学们在实操时遇到的一些问题。(2) 定期收集课程的评价,同学们对课程某些方......
  • python获取小红书web_session,以及解决x-s签名验证(2023-07-09)
    一、web_session请求接口:https://edith.xiaohongshu.com/api/sns/web/v1/login/activate请求类型:post提交数据:{}这儿是两个字符{},笔者最初提交None,总得不到结果,chromeF12才发现需要这两个字符。二、签名验证x-s 该请求需要x-s签名验证,签名代码如下:a1="186d30820a4......
  • 前端Vue仿京东淘宝我的优惠券列表组件 用于电商我的优惠券列表页面
    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率......
  • Spring单例的解决方案
    1spring单例V.S设计模式的单例设计模式单例,在整个应用中只有一个实例spring单例,在一个IoC容器中只有一个实例Spring框架对单例的支持是采用单例注册表但spring中的单例也不影响应用并发访问。大多数时候客户端都在访问我们应用中的业务对象,为减少并发控制,不应在业务对象中设置那......
  • 解决虚拟机VM中kali linux 无法联网的问题
    今天登录KaliLinux发现浏览器无法连接网络,自己并没有改过任何配置,通过自己多方面搜寻解决教程,现将解决方法做此纪录。1.首先关闭kalilinux,点击设置,保证自己的kali网络适配器是桥接模式,且勾选复制物理网络连接状态,点击确定进行保存。  2.打开kalilinux,然后使用ctrl+alt+......
  • 数据权限解决方案
    一、表结构设计  二、实现思路 1.系统启动时将字典数据加载到redis作为可选常量池,以及mapper.xml、dao、数据规则信息加载到redis 2.用访问时通过springmvc拦截器对用户进行拦截获取token然后通过RSA解密获取用户信息,将用户信息,以及请求参数加入本地线程 3.mybatis-......