文档章节

jQuery跨域,添加自定义头部header

w
 walala_Lee
发布于 2017/05/02 11:12
字数 273
阅读 600
收藏 0

1、前端jQuery代码

$.ajax({
            crossDomain: true,
            beforeSend: function(req) {
                req.setRequestHeader("token", token);
                req.setRequestHeader("auth", auth);
            },
            url:'http://baidu.com',
            data:{},
            method:'get',
            dataType:'json',
            success:function(data) {
                
            }
        });

2、服务器端对于要访问的地址,要设置响应头

response.addHeader("Access-Control-Allow-Origin", "*");//支持全域名访问,不安全,部署后需要固定限制为客户端网址
response.addHeader("Access-Control-Allow-Headers", "x-requested-with,content-type,token,auth");//响应头 请按照自己需求添加。
response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");//支持的http 动作

x-requested-with,content-type 后面要加上,允许传递的头部参数

另外,对于跨域请求,浏览器会先针对请求地址,发送一次 OPTIONS 类型的请求,确保服务器是能够接受跨域请求,如果此时服务器在响应头中没有任何设置,浏览器则不会发起正式请求(GET、POST、DELETE、PUT请求),会提示请求失败。

所以服务器端,根据各自的需求,有时候同一个接口地址要多写一个 OPTIONS 接口,什么都不做,只用来设置响应头。

参考博客:http://www.cnblogs.com/cdemo/p/5158663.html

© 著作权归作者所有

共有 人打赏支持
w
粉丝 3
博文 167
码字总数 50381
作品 0
深圳
私信 提问
Ajax 跨域难题 - 原生 JS 和 jQuery 的实现对比

讲解顺序: AJAX 的概念及由来 JS 和 jQuery 中的 ajax 浏览器机制 AJAX 跨域 AJAX 的概念 在讲解 AJAX 的概念之前,我先提一个问题。 这是一个典型的 B/S 模式。 PS. B/S结构(Browser/Ser...

梁音
06/19
0
0
PHP判断一个请求是Ajax请求还是普通请求

Javascript中大多数的框架如 jquery(jquery ui、jquery easyui)、Mootools 等,在发出 Ajax 请求时,都会发送额外的 HTTPXREQUESTED_WITH 头部信息,因此每当发送一个ajax请求你就可以在服务...

Junn
2013/08/05
0
1
用jQuery与JSONP轻松解决跨域访问的问题

跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作,然后在浏览器端用AJAX获取本机服务器端“跨域访问...

烽穹寒渊
2015/07/26
0
0
ajax jsonp其本质 用原生js来处理跨域的数据(jsonp)

说明总结: 1.ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本。 2.但是ajax和jsonp在...

BearCatYN
2015/06/04
0
0
遇到的一个关于ajax跨域的问题

首先说下几个解决方案: 1.jsonp 2.CORS 3.代理 4.iframe 这里说一下 1 2 4 我遇到的问题 1.jsonp 实际原理是加载远程js,所以返回的数据是一个可以执行的javasript代码,很明显如果你返回一段字...

ossea
2017/10/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

学习LinkedBlockingDeque源码

之前已经看了实现deque接口的ArrayDeque, ConcurrentLinkedDeque, LinkedList,也不能落下ConcurrentLinkedDeque,但是好像没在项目中用过。 这里看到实现的接口还有BlockingDeque<E>, Block...

woshixin
24分钟前
1
0
实战:用Python实现随机森林

摘要: 随机森林如何实现?为什么要用随机森林?看这篇足够了! 因为有Scikit-Learn这样的库,现在用Python实现任何机器学习算法都非常容易。实际上,我们现在不需要任何潜在的知识来了解模型...

阿里云官方博客
27分钟前
1
0
进程管理利器Supervisor--centos7下安装与卸载

目录 概述 环境准备 检查python环境 在线安装 配置Supervisor 启动并验证 概述 Supervisor的安装可以有在线安装和离线安装两种方式。安装方式取决于服务器是否联网,联网的话可采用在线安装,...

java_龙
33分钟前
4
0
spring系列汇总

spring spring-基于可扩展Schema的特性自定义标签 springmvc-同一个访问资源,多种视图解析方式 spring cache 配置使用aspectj模式织入 基于注解的spring缓存,轻松无侵入解决cache问题 spri...

细肉云吞
34分钟前
4
0
vsftpd搭建ftp

12月10日任务 14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp exportfs命令 在nfs运行后的一段时间内,如果需要添加共享目录,这时需要修改exports文件,并...

robertt15
36分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部