通过ajax获取本地json文件时，由于跨域而报错

最新推荐文章于 2023-10-03 15:44:05 发布
最新推荐文章于 2023-10-03 15:44:05 发布
阅读量532 收藏 3
点赞数 2
分类专栏： 小技巧
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34723035/article/details/114710250
版权

通过Ajax读取本地json文件，谷歌报错提示跨域
如果用的编辑器是vs code，可以通过安装Live Server插件来解决，
在这里插入图片描述

重启vs code =>打开默认浏览器=>点击屏幕右下方的Go Live，
在这里插入图片描述

就可以获取到本地的json文件了，如果还是获取不到，请把html文件和json文件放在同一层级的文件夹目录下

澜痕
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
通过jquery的ajax请求本地的json文件方法
10-18
今天小编就为大家分享一篇通过jquery的ajax请求本地的json文件方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
通过Ajax读取本地json文件，提示跨域的原因和解决方法
热门推荐
艾欢欢的博客
04-23 2万+
通过Ajax读取本地json文件，谷歌报错提示跨域 本地写有一个 .json 代码文件，然后网页文件使用ajax读取，并用谷歌浏览器打开，发现谷歌报错：提示跨域。 谷歌浏览器控制台报错 但是跨域一般是由于协议、域名、端口中有一个不同，才会跨域，我在本地访问自己的文件，怎么和跨域扯上关系？而使用火狐浏览器打开，数据正常打印出来了，不过提示 XML 解析错误：格式不佳 火狐浏览器控制台 谷歌浏...
Ajax异步请求，获取本地json数据
m0_73341533的博客
03-13 2211
Ajax的核心是XMLHttpRequest对象。2、jQuery的Ajax请求。
AJAX跨域请求获取JSON数据的方法
最新发布
xinyuerr的博客
10-03 260
要了解 JSONP，不得不提一下 JSON，那什么是 JSON？JSONP(JSON with Padding) 是一个非官方的协议，它允许在服务器端集成 Script tags 返回至客户端，通过 javascript callback 的形式实现跨域访问（这仅仅是 JSONP 简单的实现形式）。
jQuery 使用 $.getJSON() 跨域获取 JSON 数据
liuzp111的专栏
04-17 2528
01 02 03 04 05 06 07 08 09 10 header('Content-type: application/json');   $user = array (     "name"  => "Unmi",     "blog" => "http:/
通过jsonp获取json数据实现AJAX跨域请求
01-19
AJAX（异步的 JavaScript 和 XML）是用于创建快速动态网页的一...不过，我们可以发现，在web页面跨域调用 js文件时，不会受到浏览器的限制，所以我们可以利用将远程服务器端的数据装入js格式的文件，然后再用来供客户端
利用jsonp解决js读取本地json跨域的问题
10-17
主要给大家介绍了关于利用jsonp解决js读取本地json跨域的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
AJAX跨域请求之JSONP获取JSON数据
10-23
JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。
$.getJSON()跨域请求
逆雪寒的天坑
12-14 1609
$.getJSON()跨域请求 以前总是没搞明白是怎么回事，现在是迫不得已，就仔细看了看说明文档，终于测试成功了，记下：  1，同一域名下和其他的请求可以是一样的 js:         var url="http://localhost:2589/a.ashx";         $(function(){             $.getJSON(url,functi
js ajax的请求地址不正确,使用香草JS AJAX请求访问本地JSON文件时出现CORS错误？...
weixin_31765677的博客
08-05 761
我正在尝试使用香草JSAJAX请求从本地存储的JSON文件中拉回JSON字符串(特别是尝试不使用JQuery)-以下代码基于此答案-但我在Chrome控制台中不断收到错误(见下文)。有什么想法我要去哪里吗？我尝试更改xhr.open和.send请求的位置，但仍然收到错误消息。我怀疑问题在于.send()请求？//Vanilla JS AJAX request to get species from...
jQuery ajax读取本地json文件_jQuery请求本地JSON文件，在谷歌浏览器运行时报跨域错误_Vscode使用Live Server
qq_43842093的博客
05-11 3053
json文件 { "first":[ {"name":"张三","sex":"男"}, {"name":"李四","sex":"男"}, {"name":"王武","sex":"男"}, {"name":"李梅","sex":"女"} ] } js 方法一: $.ajax({ url: "ceshi.json",//json文件位置 type: "GET",//请求方式为get dataType: "json
jq 请求本地的json_通过jquery的ajax请求本地的json文件方法
weixin_36124888的博客
01-17 812
自己学习jquery的ajax的经历，记录一下ajaxTestDemo.html在body里面放一个id为test的div第一步还是要先加载jquery文件 jquery.min.js$(function(){$.ajax({//请求方式为gettype:"GET",//json文件位置url:"./data/shuju.json",//返回数据格式为jsondataType: "json",//...
ajax访问本地的json文件404
云
04-08 449
url: “/json/610300-01.json”, 直接引用public下面的地址即可，没必要添加/public
Ajax跨域请求本地json出现跨域的问题
qq_36196059的博客
12-06 5280
为什么会出现跨域的问题？ 因为浏览器本身存在同源政策，即协议，域名，端口相同，视为同一个域（源） 举例来说，http://www.wayen.top/index.html 这个网址， 协议是http:// 域名是www.wayen.top 端口是80（默认端口可以省略）。 http://www.wayen.top/text.html：同源 https://www.wayen.top/text.ht...
ajax请求本地json文件，谷歌浏览器报跨域错误
qq_34425377的博客
04-11 5422
前端在做页面的时候，有时候需要可能为了测试某一功能，或者为了自己做demo，会访问本地json文件，获取数据，进行处理；但最近发现使用ajax请求json文件的时候，谷歌浏览器报错如下： Access to XMLHttpRequest at ‘file:///…’ from origin ‘null’ has been blocked by CORS policy: Cross origin r...
ajax请求 访问本地资源(json)出错？ 都是注释惹的祸
heartAndthink的博客
05-15 4017
今天遇到了一个坑，利用ajax访问本地的json文件，json文件是我自己模拟的一些请求结果的数据。为了别人能看懂参数，我在json文件里面加上 了一段注释，结果请求一直500 错误，然后我各种百度，都没结果。最终突然发现json文件里面有注释，然后把注释删除了，请求就正常了 所以，对于json文件的数据，要严格按照json 格式要求，不能加注释。
ios ajax get请求报错
05-23
iOS中使用原生的XMLHttpRequest对象发送AJAX请求时，需要注意以下几点： 1. iOS中的Safari浏览器不支持跨域请求，如果你的请求是跨域的，需要开启CORS或者使用JSONP方式发送请求。 2. iOS中的XMLHttpRequest对象不...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值