XMLHttpRequest 如何处理 redirect (转)

最新推荐文章于 2024-03-06 13:00:32 发布
最新推荐文章于 2024-03-06 13:00:32 发布
阅读量2.2k 收藏
点赞数
分类专栏： ajax 文章标签： PHP IE Ajax Firefox Struts
当用XMLHttpRequest (或者其它ajax框架) 请求一个url (例如index.do), 而这个请求被redirect到另一个url (例如home.do)

例如Struts Action中return new ActionForward("home.do", true);
服务器返回

HTTP/1.1 302 Found
Date: Thu, 01 Dec 2005 02:00:24 GMT
Server: Apache/1.3.33 (Unix) PHP/4.4.0 mod_ssl/2.8.24 OpenSSL/0.9.7e
X-Powered-By: PHP/4.4.0
Location: home.do

这种情况下，XMLHttpRequest是如何处理的？

XmlHTTPRequest的行为将依赖用户浏览器。一般来说XmlHTTPRequest不能得到这个消息头，也不能得到http 302的状态码，而是直接继续访问跳转页面Location: testpost.php，如果访问成功，直接返回http状态码200,并读取得到此页面的文本输出。
  • IE : 没有相关配置，只会进行上述行为。
  • Opera : 有“是否允许自动重定向”设置。如果用户不允许自动重定向则xmlHTTPRequest能接收到302信息，xmlHttpRequest不会继续跳转。
  • Firefox : 有一个选项network.http.redirection-limit(20)，这个选项是用户所允许的重定向次数。如果设置成0，那么很遗憾，XmlHTTPRequest接收不到任何信息。

原文地址
http://dulao5.blog.hexun.com/2491050_d.html
iteye_12528
关注
专栏目录
XmlHTTPRequest的302重定向
zyjwy02
11-18 3232
XmlHTTPRequest组件有这样的行为：1）和服务器会话时，它直接将用户现有的cookie信息加入到会话的http header中。2）如果服务器发生了跳转,例如服务器返回如下信息：HTTP/1.1 302 FoundDate: Thu, 01 Dec 2005 02:00:24 GMTServer: Apache/1.3.33 (Unix) PHP/4.4.0 mod_ssl/2.8.24...
通过XMLHttpRequest对象实现Ajax跳转
qq_1355758577的博客
01-29 1878
1 网页编码 Hello Ajax! 2 JavaScript代码片断(类型1) window.onload = function(){ //1.获取a节点，并为其添加onclick响应函数 document.getElementsByTagName("a")[0].onclick = function(){ //3.创
用法 XMLHttpRequest的用法 ajax同步和异步的区别
01-04
用法 XMLHttpRequest的用法 ajax同步和异步的区别
XMLHttpRequest（AJAX）
m0_63306943的博客
03-16 1824
AJAX是访问网页的常规方法，它是 Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。后来，AJAX 这个词就成为 JavaScript 脚本发起 HTTP 通信的代名词，也就是说，只要用脚本发起通信，就可以叫做 AJAX 通信。具体来说，AJAX 包括以下几个步骤。创建 XMLHttpRequest 实例发出 HTTP 请求接收服务器传回的数据。
XMLHttpRequest Reference (转自MDN)
KevinJom的专栏
04-06 2961
XMLHttpRequest Redirected from En/XMLHttpRequest EDIT WATCH TABLE OF CONTENTS Method overviewProperties Non-standard properties Methods abort()getAllResponseHeaders()getR
XMLHttpRequest
09-30
而在这一过程中，了解`XMLHttpRequest.Status`的不同状态码及其含义是非常重要的，这有助于我们更好地控制请求流程，处理可能出现的各种情况。本文将详细介绍`XMLHttpRequest.Status`中各个状态码的具体含义及其应用...
java redirect 跨域_[转] 重定向 CORS 跨域请求
weixin_39832628的博客
02-13 3012
非简单请求不可重定向，包括第一个preflight请求和第二个真正的请求都不行。简单请求可以重定向任意多次，但如需兼容多数浏览器，只可进行一次重定向。中间服务器应当同样配置相关CORS响应头。中间服务器设置当跨域请求被重定向时，中间服务器返回的 CORS 相关的响应头应当与最终服务器保持一致。 任何一级的 CORS 失败都会导致 CORS 失败。这些头字段包括Access-Control-Al...
网络安全——XMLHttpRequest 对象
W981113的博客
01-07 7559
简介 XMLHttpRequest对象是 AJAX 的主要接口，用于浏览器与服务器之间的通信。尽管名字里面有XML和Http，它实际上可以使用多种协议（比如file或ftp），发送任何格式的数据（包括字符串和二进制）。 //它本身是一个构造函数，可以使用命令new生成实例，该命令没有参数 var xhr = new XMLHttpRequest(); 一旦新建实例，就可以使用open()方法指定建立 HTTP 连接的一些细节。 xhr.open('GET', 'http://www.example.co
web网络请求与远程资源-XmlHttpRequest
最新发布
naozheyun2998的博客
03-06 1684
xmlhttpRequest
AJAX异步通信和XMLHttpRequest 对象
Teheran的博客
01-16 405
AJAX指的是 JavaScript 的异步通信 AJAX 包括以下几个步骤 1.创建 XMLHttpRequest 实例 2.发出 HTTP 请求 3.接收服务器传回的数据 4.更新网页数据 概括起来,AJAX 通过原生的XMLHttpRequest对象发出 HTTP 请求，得到服务器返回的数据后，再进行处理。 详细步骤： var xhr = new XMLHttpRequest(); X...
js_XMLHTTPRequest与referre
weixin_66218784的博客
01-09 1013
总结知识点
XMLHttpRequest简单总结
欲穷千里目，更上一层楼
11-21 834
一、概念 XMLHttpRequest 对象用于在后台与服务器交换数据。 XMLHttpRequest 对象是能够： 在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据 所有现代的浏览器都支持 XMLHttpRequest 对象。 二、创建 1、法1 "javascript
解决ajax请求过滤器重定向不跳转
镜花水月的博客
08-17 9925
最近写的一个servlet过滤器，用于拦截请求，判断用户是否登录。 写好后发现一个问题，当我直接在浏览器地址栏里输入地址，可以跳转页面；当点击按钮时，过滤器代码正常执行，但是页面没有跳转；是因为按钮都是ajax请求，所以需要在过滤器里再加个ajax请求判断，然后找个前台js一个方法。上代码 public void doFilter(ServletRequest servletRequest,
HttpResponseRedirect实现重定向
m0_53195006的博客
03-26 2493
HttpResponseRedirect实现重定向
XMLHttpRequest和referer
asl404的博客
01-10 879
无
HTTP中的重定向和请求转发的区别
weixin_30552811的博客
05-21 380
一、调用方式 我们知道，在servlet中调用转发、重定向的语句如下： request.getRequestDispatcher("new.jsp").forward(request, response);//转发到new.jspresponse.sendRedirect("new.jsp");//重定向到new.jsp 在jsp页面中你也会看到通过下面的方式实现转发： ...
如何解决跨域问题
Crecendow
04-09 747
为什么会有跨域问题 跨域问题源于javaScript的同源策略，它是针对ajax传递参数的时候进行的一种限制。 一个页面发起的ajax请求，只能是与当前页域名相同的路径，这能有效的阻止跨站攻击。 值得一提的是，如果是静态资源的话，是不受跨域问题影响的，你在淘宝页面中去引用一个京东上的图片，是不会产生跨域问题的，同时，你请求这些静态资源的时候，无一例外都是用...
javascript XMLHttpRequest 获得 302 重定向后URL
qq_23117711的博客
04-23 5091
当使用XMLHttpRequest访问网站，服务器返回代码302，HTTP head中Location重定向新的URL时，XMLHttpRequest会自动转到新的地址下载。可以访问responseURL知道真实的重定向后访问URL地址。 var xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘http://example.com/test’, true)...
用requests处理302页面的重定向（解决链接失效的问题）
热门推荐
chief_victo的博客
06-26 2万+
       最近在爬取智联的简历信息，爬取简历详情页的时候，使用的是公司的分布式框架，获取的详情页的url不会立即爬取，导致出现链接已失效的问题，使用的是模拟ajax获取数据，分析和代码如下：获取上面的request url 和headers,构造模拟请求：cookies = "" #登录后获取 at = ''#从cookies中获取 resume_url = 'https://ihr.zhao...
Access to XMLHttpRequest at 'http://localhost:8080/error/loginerror' from origin 'http://localhost:8
12-28
根据提供的引用内容，你遇到了CORS（跨域资源共享）的问题。CORS是一种浏览器安全机制，用于限制跨域请求。当你的前端应用（例如Vue.js）从一个域名（例如localhost:9090）向另一个域名（例如localhost:9091）发送请求时，浏览器会执行CORS检查，以确保服务器允许该请求。 在你的情况下，你的前端应用从localhost:9090向localhost:9091发送请求，但是由于CORS策略的限制，该请求被阻止了。错误信息中提到了一个重定向（redirect）的问题，这是因为在发送实际请求之前，浏览器会发送一个预检请求（preflight request）来检查服务器是否允许该请求。由于重定向不被允许的CORS策略，预检请求被阻止了。 要解决这个问题，你可以在后端服务器上进行配置，允许跨域请求。具体的配置方法取决于你使用的后端框架和服务器。以下是一些常见的解决方法： 1. 在后端服务器上设置CORS头部：在后端服务器的响应中添加CORS头部，允许来自前端应用的跨域请求。具体的设置方法取决于你使用的后端框架和服务器。以下是一个示例代码，使用Node.js和Express框架： ```javascript const express = require('express'); const app = express(); app.use((req, res, next) => { res.setHeader('Access-Control-Allow-Origin', 'http://localhost:9090'); res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); res.setHeader('Access-Control-Allow-Headers', 'Content-Type'); next(); }); // 处理其他路由和请求 app.listen(9091, () => { console.log('Server is running on port 9091'); }); ``` 2. 使用代理服务器：在开发环境中，你可以使用代理服务器来绕过CORS限制。例如，你可以使用webpack-dev-server的proxy配置来将请求代理到后端服务器。具体的配置方法取决于你使用的开发工具和服务器。 3. 使用CORS插件：如果你使用的是特定的后端框架，例如Spring Boot，你可以使用相应的CORS插件来简化配置。例如，对于Spring Boot，你可以使用spring-boot-starter-web包中的CorsFilter来处理CORS问题。 请注意，为了安全起见，你应该仅允许来自受信任的域名的跨域请求，并且只允许必要的HTTP方法和头部。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值