XMLHttpRequest 跨域问题

最新推荐文章于 2025-07-01 17:25:27 发布
最新推荐文章于 2025-07-01 17:25:27 发布
阅读量1.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/whan8080/article/details/44624137
本文探讨了在本地环境中使用jQuery AJAX请求时遇到的跨域问题，并提供了两种解决方案：安装webserver和使用chrome命令行参数。通过这两种方法可以实现跨域请求，解决本地测试中的访问限制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在使用jquery的ajax请求的时候，出现了这么个问题。

XMLHttpRequest cannot load file:///some/path/some.html

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

因为是本地测试，直接在chrome浏览器打开html页面，调用ajax请求时出现问题。后来在stackoverflow上找到类似的问题。XMLHttpRequest 跨域请求，因为安全的原因，浏览器默认禁用了这种请求方式，避免在浏览网页的时候，某些网站恶意使用ajax请求等方式访问系统文件。

 

解决方法：

1. 安装一个webserver，使用http://some/path/some.html的方式访问数据。

简单的python3 http server

 

python3 -m http.server PORT_NUM

2.chrome浏览器下，也可以使用这种方式。打开cmd，打开chrome.exe文件路径，输入chrome --allow-file-access-from-files

CocosCreator跨域资源访问解决XMLHttpRequest Access-Control-Allow-Orgin问题
07-24 3118
服务器配置跨域重复， 因为服务已配置了跨域，所以页面中就不用再增加跨域了 重启Apache服务器后，成功跨域访问游戏热更新资源 准备注册账户，发面提示net::ERR_CONNECTION_REFUSED,服务器没有开， 开下服务器 成功注册 ，并登陆 ...
XmlHttpRequest使用及“跨域”问题解决
weixin_30952535的博客
06-30 5465
一. IE7以后对xmlHttpRequest 对象的创建在不同浏览器上是兼容的。 下面的方法是考虑兼容性的，实际项目中一般使用Jquery的ajax请求，可以不考虑兼容性问题。 function getHttpObject() { var xhr=false; if (windows.XMLHttpRequest) xhr=new XMLHttpRequest()...
xmlhttp跨域解决方案
09-29
解决ajax跨域Java解决方案，通过代理实现ajax跨域操作，避免拒绝访问等跨域操作问题
XMLHttpRequest的跨域请求
weixin_33804582的博客
05-20 697
缘起 由于浏览器的同源策略，非同源不可请求。 但是，在实践当中，经常会出现需要跨域请求资源的情况，比较典型的例如某个子域名向负责进行用户验证的子域名请求用户信息等应用。 以前要实现跨域访问，可以通过JSONP、Flash或者服务器中转的方式来实现，但是现在我们有了CORS。 CORS与JSONP相比，无疑更为先进、方便和可靠。 1、 JSONP只能实现GET请求，而CORS支持所有类...
浏览器工作原理32 [#]同源策略：为什么XMLHttpRequst不能跨域请求资源
qq_44376306的博客
07-01 996
要了解什么是同源策略，先来看看什么是同源。如果两个 URL 的协议域名和端口都相同，就称这两个 URL 同源。比如下面这两个 URL，它们具有相同的协议 HTTPS、相同的域名 time.geekbang.org，以及相同的端口 443，所以就说这两个 URL 是同源的。category=1category=0浏览器默认两个相同的源之间是可以相互访问资源和操作 DOM 的。两个不同的源之间若想要相互访问资源或者操作 DOM，那么会有一套基础的安全策略的制约，这称为同源策略。
Xmlhttprequest请求跨域
那些年我们踩过的坑
08-23 8208
Xmlhttprequest请求跨域 同源策略 本人采用： 一：接口注解@CrossOrigin 二：过滤器对跨域请求特殊处理 HttpServletRequest servletRequest = (HttpServletRequest) request; HttpServletResponse servletResponse = (HttpServletResponse) resp
AJAX（XMLHttpRequest）进行跨域请求方法详解（一）
热门推荐
【孟子E章】
01-11 13万+
注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。跨域请求，顾名思义，就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见，比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Webfont
Chrome Extension中跨域请求访问外部网站数据方法
06-20 3613
当时做Chrome扩展，用Javascript调用外部API总是不成功，会出现across origin error。后来发现跨域了，如果想在Chrome扩展中访问其他网站数据，只需在manifest.json文件中的”permission“中声明，再用xmlhttpRequest即可。详细介绍如下(转自360chrome的开发文档，同时可参考Chrome extension)： 跨域 X...
[Ajax学习笔记-16] XMLHttpRequest 的基本用法 同源和跨域 防抖和节流的使用
qq_64509600的博客
07-25 969
XMLHttpRequest的概念 XMLHttpRequest的使用 GET请求携带参数 POST请求携带参数 数据交换格式JSON 同源和跨域的概念 跨域配置解决方案 防抖 节流
AJAX(XMLHttpRequest)进行跨域请求方法详解
02-11
为了解决跨域请求的问题，W3C工作组中的Web Applications Working Group（Web应用工作组）发布了一个Cross-Origin Resource Sharing（跨域资源共享）的推荐规范。该规范提供了一种更安全的跨域数据交换方法。 Cross...
XMLHttpRequest跨域请求了
09-20
为了解决XMLHttpRequest跨域请求的问题，可以采取以下几种方法： 1. JSONP（JSON with Padding）：JSONP是一种跨域请求的解决方案。它通过动态创建标签，利用标签没有跨域限制的特性，在请求URL中携带回调函数，并...
new XMLHttpRequest 跨域
09-15
新的 XMLHttpRequest 对象的跨域访问问题是由于浏览器的同源策略所引起的。同源策略要求在进行 AJAX 请求时，请求的...以上是三种常见的解决跨域问题的方法，具体使用哪种方法取决于你的项目需求和服务器的支持情况。
利用XMLHttpRequest发起请求解决跨域
qq_37881606的博客
06-20 3611
【代码】利用XMLHttpRequest发起请求解决跨域。
跨域资源共享(CORS)安全性
weixin_43964148的博客
08-05 1027
跨域资源共享(CORS)安全性背景 提起浏览器的同源策略，大家都很熟悉。不同域的客户端脚本不能读写对方的资源。但是实践中有一些场景需要跨域的读写，所以出现了一些hack的方式来跨域。比如...
详解XMLHttpRequest的跨域资源共享
weixin_30556959的博客
03-28 338
0x00 背景 在Browser Security-同源策略、伪URL的域这篇文章中提到了浏览器的同源策略，其中提到了XMLHttpRequest严格遵守同源策略，非同源不可请求。但是，在实践当中，经常会出现需要跨域请求资源的情况，比较典型的例如某个子域名向负责进行用户验证的子域名请求用户信息等应用。 以往，有一种解决方案是利用JSONP进行跨域的资源请求，但这种方案存在着几点缺...
AJAX--XMLHttpRequest & 跨域
郊眠寺
05-18 7257
XMLHttpRequest XMLHttpRequest 是浏览器内置的一个构造函数 作用：基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求。 axios 中的 axios.get()、axios.post()、axios() 方法，都是基于 XMLHttpRequest（简称：XHR） 封装出来的！ 使用 XMLHttpRequest 发起 GET 请求 主要的 4 个实现步骤： 创建 xhr 对象 调用 xhr.open() 函数 调用 xhr.send() 函
XMLHttpRequest使用和跨域
automation13的博客
11-20 1万+
发送json类型数据 var request = new XMLHttpRequest(); request.open('post', '/address/dosomething'); var params = { name: '张三', age: 18 }; // 发json类型 request.setRequestHeader("Content-Type","applica...
JS 利用 XMLHttpRequest 跨域获取数据。
weixin_34228617的博客
08-12 882
JS 利用 XMLHttpRequest 跨域获取数据。 var req = new XMLHttpRequest();if (req != null) { req.onreadystatechange = function() { //// Checks the asyn request completed or no...
XMLHttpRequest跨域问题
最新发布
07-09
### CORS配置解决跨域请求被拦截问题 当使用 `XMLHttpRequest` 发起跨域请求时，浏览器会根据同源策略对请求进行拦截。要解决这一问题，CORS（跨域资源共享）是一种标准化的解决方案[^3]。它通过服务器端设置响应头...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值