跨域处理

5 篇文章 0 订阅
1 篇文章 0 订阅

什么是跨域
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,当双方出现协议,域名,端口号任意一项不同时就会发生跨域现象。即使是两个域名指向同一个IP地址也同样会触发跨域。
通过jsonp跨域
利用script 的src请求不会受跨域影响的特点来实现跨域通信

 //创建一个script标签
            var script_ele = document.createElement("SCRIPT");
// 为其添加src
            script_ele.src = 'https://www.baidu.com/sugrec?prod=pc&sugsid=1423,31169,21125,30839,31187,30823,22159&cb=' + in_.value + '&wd=' + in_.value + '';
            // 在页面加入这个script标签
            document.body.appendChild(script_ele);
			 script_ele.onload = function(){
                script_ele.remove();
            }


通常jsonp的基础使用流程为:

  1. 前端创建一个事先协商好的等待调用函数
  2. 利用script发起请求,并将结果作为javascript代码来执行
  3. 后端传递给前端符合前端函数调用规则的函数
    CORS – 跨域资源共享(纯后端修改header来实现)
    在后端添加
# 配置 cors 跨域
header("Access-Control-Allow-Origin:*");
header("Access-Control-Request-Methods:GET, POST, PUT, DELETE, OPTIONS");
header('Access-Control-Allow-Headers:x-requested-with,content-type,test-token,test-sessid');


  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值