ajax本地请求json数据报错

最新推荐文章于 2023-06-17 17:18:13 发布
最新推荐文章于 2023-06-17 17:18:13 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35142645/article/details/93409437
版权

在本地写了json数据，使用ajax调用时报错

Access to XMLHttpRequest at 'file:///……/data.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https

一开始以为是跨域的问题，把文件放到本地搭建的服务器并添加Access-Control-Allow-Origin：*，再请求就好了

之后在网上借鉴https://blog.csdn.net/weixin_33860528/article/details/88735046，将所有的js文件，html文件以及json文件放在同一个文件夹下，解决此问题

zenkle
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过jquery的ajax请求本地的json文件方法
10-18
今天小编就为大家分享一篇通过jquery的ajax请求本地的json文件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决跨域问题（从浏览器读取本地文件）from origin ‘null‘ has been blocked by CORS policy
最新发布
m0_62172798的博客
04-26 2329
在学习d3.js的过程中，通过d3.csv()读取本地csv文件的过程中出现了跨域错误，错误如下：Access to fetch at 'file:///D:/%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%EF%BC%88%E7%A1%95%EF%BC%89/htmlcssjsvue/code/d3.js/data222.csv' from origin 'null' has been blocked by CORS policy: Cross origin requests a
前端读取本地json文件跨域错误(Access to XMLHttpRequest at “.“ from origin ‘null‘ has been blocked by CORS policy)
Jin's blog
11-05 1万+
小白刚开始学前后端，本问题困扰了我将近两个礼拜，终于得到了解决，可以说非常开心了。 完整版错误 Access to XMLHttpRequest at ‘file:///C:/Users/jinll/Desktop/data-csv_rr.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chr
Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:
记录知识、锤炼自我
09-30 6万+
问题场景 错误信息： Access to XMLHttpRequest at 'http://localhost:9090' from origin 'http://localhost:9090' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 翻译：【在http://localhost:9090对http://localhos
Access to XMLHttpRequest at ‘fileDxxxxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
begefefsef的博客
08-01 4638
出于安全性考虑，Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-OriginResourceSharing，跨域资源共享)的安全策略阻止。在该文件源码中，使用了proxy获取数据，数据源使用的是文件名为mydata.json的文件。在浏览器打开本地的html文件，上面proxy中的url获取的就是一个本地文件，协议是file//，如果是在服务器启动的话，则使用的是http或者https协议。...
d3.csv()读取本地文件失败_报错Access to XMLHttpRequest at ‘file:‘ from origin ‘null‘ has been blocked_替换和解决方法
Jude_zhai的博客
06-12 4400
背景介绍： 最近在做一个数据可视化系统，对csv文件中数据进行处理后，以统计图表的形式实现可视化，使用的技术有JavaScript、D3、HTML。 由于D3提供了csv文件读取函数——d3.csv()，本想直接使用，但在运行系统的时候报出以下两个错误： Access to XMLHttpRequest at ‘file://’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only suppor
前端跨域主流解决方案（Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy）
weixin_43239880的博客
04-06 2万+
前端跨域主流解决方案（Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy）
$.ajax传JSON数据到后台出现报错问题解决
10-26
在使用jQuery的$.ajax方法向后台传输JSON数据时，可能会遇到一些常见的问题，这些问题往往会导致请求失败或在后台处理时产生错误。以下是一些关键点和解决方案，可以帮助开发者避免或解决这些问题。 首先，$.ajax...
SpringMVC解析JSON请求数据问题解析
10-20
在前端，我们使用jQuery的`$.ajax`发送一个POST请求，其中包含JSON数据： ```javascript $.ajax({ type: "POST", url: "/testJson", contentType: "application/json", dataType: "json", data: JSON....
解决ajax不能访问本地文件问题（利用js跨域原理）
10-20
然而，由于浏览器的安全策略，AJAX默认无法直接访问本地文件系统，这主要是为了防止恶意脚本获取用户的本地数据。本文将探讨如何利用JavaScript的跨域原理来解决这个问题。 首先，我们要理解什么是跨域。跨域是指一...
PHP处理Ajax请求与Ajax跨域问题
10-20
这个变量在使用jQuery或其他库发送Ajax请求时，会被设置为'XMLHttpRequest'。以下是一个简单的示例： ```php function isAjax() { return isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['...
基于ajax后台返回的数据为空前台显示出现undefined的解决方法
12-12
之前自己做的一个图书管理系统，显示图书借阅排行榜，因为翻译在... $.ajax({ url:"bookInfo/bookInfo_rank.action", type:"POST", data:{}, dataType:"json", success:function (data) { $(data).each(func
Access to XMLHttpRequest at ‘ ‘ from origin ‘null‘ has been blocked by CORS policy问题解决
weixin_45510031的博客
04-18 2914
最大意的一种情况（本人就是这种，突然脑子断根弦），打开方式有问题。spring boot内嵌了tomcat，所以打开html文件的方式不能和servlet一样（servlet需要手动部署到tomcat目录下），不能直接去点击需要打开的html文件，而是。举个栗子：127.0.0.1:8080/login.html。但是试了好多都不行，在vscode下载了。语句是否正确，如果sql语句有问题也会出现该种情况。网上有很多关于此问题的解决方案，像。插件试了解决跨域问题仍然没有解决。
js跨域请求file文件
weixin_45275052的博客
11-19 484
promise.html:1 Access to XMLHttpRequest at ‘file:///D:/Code/es6/mock/user.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https
前端学习（2442）：解决跨域问题
歌谣的博客
10-20 1527
1.同源策略如下： URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口 不允许 http:
Access to XMLHttpRequest at ‘xxx‘ from origin ‘xxx‘ has been blocked by CORS policy: No ‘Access....
m0_56233309的博客
09-23 1834
解决问题：Access to XMLHttpRequest at http://localhost:81/admin/oss/file/upload?module=avater'from origin 'http://localhost:9528' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS java跨域问题详细解决方案
qq_36255346的博客
06-17 5814
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
前端跨域问题的解决方案Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy
热门推荐
weixin_40756509的博客
03-25 27万+
前言： 在前端发出Ajax请求的时候，有时候会产生跨域问题，报错如下: Access to XMLHttpRequest at 'http://127.0.0.1/api/post' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 针对以上问题，本文提供两种解决方案，CORS中间件和JSO
ios ajax get请求报错
05-23
iOS中使用原生的XMLHttpRequest对象发送AJAX请求时，需要注意以下几点： 1. iOS中的Safari浏览器不支持跨域请求，如果你的请求是跨域的，需要开启CORS或者使用JSONP方式发送请求。 2. iOS中的XMLHttpRequest对象不支持同步请求，必须使用异步请求。在调用`open()`方法时，第三个参数必须设置为true。 3. 如果请求的数据格式是JSON，需要在请求头中设置`Content-Type`为`application/json`。 4. 需要注意iOS中的缓存机制。如果请求的URL没有改变，而请求的数据也没有改变，iOS会自动使用缓存数据，而不会发送新的请求。如果需要禁用缓存，可以在URL后面添加一个随机数参数，如`http://example.com/api/data?rand=123456`。 如果你的问题还没有解决，请提供具体的报错信息和相关代码，我会尽力帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值