ajax加载本地html文件出现 XMLHttpRequest cannot load的问题

最新推荐文章于 2022-04-20 22:09:42 发布
最新推荐文章于 2022-04-20 22:09:42 发布
阅读量3.8k 收藏
点赞数
分类专栏： Web

谷歌浏览器ajax加载本地html文件出现 XMLHttpRequest cannot load的问题(火狐中不会出现这问题)

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



解决办法：

1.右键谷歌浏览器的桌面快捷方式，点击属性

2.在位于快捷方式下的目标栏添加"--allow-file-access-from-files"即可，注意前面留个空格

zhonghuangao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax-hook：拦截由XMLHttpRequest发出的浏览器的AJAX请求
01-30
阿贾克斯钩 原理解析： : 简介 Ajax-hook是一个精巧的用于拦截浏览器XMLHttpRequest的库，它可以在XMLHttpRequest对象发起请求之前和接收响应内容之后获得处理权。通过它您可以在对请求和响应进行一些预处理。 更新记录 2.0版本已发布，2.0和1.x最大的区别是添加了proxy方法，这是详细的。 使用 安装 CDN < script src =" https://unpkg.com/ajax[email protected]/dist/ajaxhook.min.js " > </ script > 约会后会有一个称为“ ah”（ajax hook）的一部分对象，通过它可以调用ajax-hook的API，如ah.proxy(hooks) NPM♡ npm install ajax-hook 拦截XMLHttpRequest 通过proxy(hooks)拦截： import { proxy , unProxy } from "ajax-hook" ; proxy ( { //请求发起前进入 onRequest : ( config , hand
Ajax-hook：拦截由XMLHttpRequest发出的浏览器的AJAX请求-js源码
08-11
在源网页加载之前，实现一个XMLHttpRequest的代理对象，然后覆盖全局的XMLHttpRequest，这样一但上层调用 new XMLHttpRequest这样的代码时，其实创建的是Ajax-hook的代理对象实例
onload事件不执行的解决方法
Royi的博客
07-09 3万+
如果中的onload不能执行，可尝试以下方法“： （如已存在initLoad()函数） 方法1： window.attachEvent("onload", initLoad); //initLoad后不能有（） 方法2： window.onload = function(){initLoad();}; 方法3： window.onload = function(
ajax加载html文件
天空影
06-06 3万+
受到单页面应用的触发，想着传统的jquery能不能实现这样一个应用，然后在ajax这里发现了新大陆（请原谅我的无知） 分析 加载一个html的话是可以分为加载其中某个块（div）和加载整个页面，而不管加载其中任何一种都是需要本页面的一个块（div）来进行加载展示。加载的方法可以是$(ajax{}) 方法也可以是 $('#div').load() 方法，下面为大家演示一下 实操 in...
微信oauth授权ajax跨域,微信公众号OAuth2用户授权报错跨域，Origin 'null' is therefore not allowed access...
weixin_39992199的博客
08-05 703
重定向到微信授权页面时调试发现Status Code：301 Moved Permanently并且报错提示跨域：XMLHttpRequest cannot loadhttps://open.weixin.qq.com/connect/oauth2/authorize...#wechat_redirect. Redirectfrom 'https://open.weixin.qq.com/conn...
XMLHttpRequest cannot load 的解决方法
白豆的微博
12-09 3万+
在谷歌浏览器中调试接口，出现：XMLHttpRequest cannot load错误 需要配置谷歌浏览器，使浏览器支持跨域，步骤如下： 具体操作如下：首先需要关闭谷歌浏览器的所有窗口 右击谷歌浏览器图标——>属性。弹出属性对话框。在目标栏最后添加 --args --disable-web-security --user-data-dir 注意空格
XMLHttpRequest cannot load 错误解决
zone的博客
04-29 4264
在写项目的过程中，我们常常会发现顶部和底部的内容往往是一样，但是如果直接复制 比较繁琐，并且你需要引入不同的css或是js文件，只要有一个地方需要改动，我们需要把这个项目过一遍，这显然不符合模块化开发的思想，jsp可以使用include 引入。
【问题解决】XMLHttpRequest cannot load http://xxx.xxx No 'Access-Control-Allow-Origin'
热门推荐
追寻水中桥
02-26 4万+
问题描述："XMLHttpRequest cannot load http://xxx.xxx. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8020' is therefore not allowed access."/xxx.html
解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
12-10
MLHttpRequest 对象是AJAX功能的核心，要开发AJAX程序必须从了解XMLHttpRequest 对象开始。 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始，在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法： ...
Ajax通讯原理XMLHttpRequest
12-10
XMLHttpRequest 是 AJAX 的关键 现在浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 向后台请求数据readyState有五个状态0：服务器未初始化，1：服务器连接已建立，2请求已接受收，3请求...
js通过ajax读取本地json文件
6块腹肌的博客
06-13 1万+
实例代码： function readJSON(file, callback) { let ajax = new XMLHttpRequest(); ajax.overrideMimeType("application/json"); ajax.open("GET", file, true); ajax.onreadystatechange = ...
【Ajax】- 原生方式 XMLHttpRequest
m0_55960697的博客
04-20 5479
1.什么是 XMLHttpRequest 是浏览器内置的一个构造函数 作用：基于 new 出来的 XMLHttpRequest 实例对象，可以发起 Ajax 的请求。 axios 中的 axios.get()、axios.post()、axios() 方法，都是基于 XMLHttpRequest（简称：XHR）异步操作 封装出来的！ 请大家思考：我们能否不用 axios 封装的 Ajax 函数，直接基于 XMLHttpRequest 发起 Ajax 请求？ 答案：完全可以！ 2.使用 XMLHttp
vue之事件绑定
deep_zhuheihei的博客
07-20 274
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
ajax（XMLHttpRequest）加载不了本地的文件，Cross origin requests are only supported for protocol schemes: ...
clmmei_123的博客
02-24 1万+
Access to XMLHttpRequest at 'file:///E:/test.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extensio...
XMLHttpRequest cannot load http://xxx.xxx. No Access-Control-Allow-Origin header is present 报错的解决方法
CoreyJu的博客
10-16 1778
JSONP 利用了js脚本不受同源限制。 前后端规范统一的脚本方法名，来传递数据执行特定的方法。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JSONP-demo</title> </head> &l...
XMLHttpRequest cannot load. Request header field password is not allowed by Access-Control-Allow-Hea
a519991963的专栏
07-07 505
1. 问题 如题：XMLHttpRequest cannot load. Request header field password is not allowed by Access-Control-Allow-Headers in preflight response 在请求的时候，触发options预检请求报错。 2. 解决方案 Access-Control-Request-Headers ：* 改为 Access-Control-Request-Headers ：Content-Type 通配符是20
2024年全球嵌入式配电盘行业总体规模、主要企业国内外市场占有率及排名.docx
最新发布
04-15
2024年全球嵌入式配电盘行业总体规模、主要企业国内外市场占有率及排名
js load 无法加载本地html
05-25
JavaScript 的 load() 方法是用于从服务器上加载数据，而不能用于加载本地 HTML 文件。如果您想在本地加载 HTML 文件，可以使用JavaScript中的XMLHttpRequest对象或Fetch API。 以下是使用XMLHttpRequest对象的示例...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值