首页 > 其他分享 >jQuery的$.getJSON()方法在浏览器上不能请求到本地文件

jQuery的$.getJSON()方法在浏览器上不能请求到本地文件

时间:2022-09-29 12:36:16浏览次数:76  
标签:jQuery 文件 浏览器 请求 getJSON 本地

前言

今天运行很久之前写的一个echarts页面,当时是练习写demo

之前写了关于地图动态的一个图表,突然显示不成功,并且报错

image

发现了是jQuery的$.getJSON()这个方法在浏览器上不能请求到文件

原因参考的 https://blog.csdn.net/memoriesaier/article/details/81040433 这个里面的思路

大意就是$.getJSON()是个异步请求
chrome在读取本地相对路径脚本时,禁止向第三方请求数据。
关键就是这个 第三方

那么我也没有sublime怎么解决这个问题?
那么用 vs code试试看可不可以开启本地服务器

解决本地文件开启服务器
https://dandelioncloud.cn/article/details/1527961170648776705
参考上面文章, 一步步走下来
然后报错

image
- - 、还是不允许加载本地资源
参考下面的文章配个插件吧
http://t.csdn.cn/u1Ftk
一步步来。最终在vs code 重启live-server
解决
image

最终的最终,我只是通过了这些方法和插件让这个demo运行起来了。但是如果我直接打开那个html文件还是不行,依然显示跨域和获取不到文件。

刚刚又想到或许我可以不使用$.getJSON()
而是使用其他的方法。但是还没付诸实践。。。

标签:jQuery,文件,浏览器,请求,getJSON,本地
From: https://www.cnblogs.com/gyh907368/p/16741036.html

相关文章

  • Jquery跳转页面的方式
    1、利用http的重定向来跳转window.location.replace("http://www.php.cn");2、使用href来跳转window.location.href="http://www.php.cn";3、使用jQuery的属性替......
  • Chrome谷歌浏览器已停用不支持的扩展程序解决方法
    在浏览器窗口的右上角,点击Chrome菜单图标。选择工具。选择扩展程序。已停用的扩展程序均显示为灰色,且无法重新启用。详细了解Chrome如何保护您免受可能有害的扩展程......
  • [WPF] 用CefShap仿制浏览器
    多标签页使用第三方库Dragablz可以很轻易地实现可拖动的标签页,多个标签页通过相同的缓存路径共享会话,两个箭头是切换标签页(仅超出时显示),右上角是窗口按钮。......
  • JQuery Ajax使用FormData对象上传文件 图片
    通过jQueryAjax使用FormData对象上传文件​​FormData​​对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用​​XMLHttpRequest​​发送这个"表单"。在 Mozilla......
  • 网页标签功能插: jQuery tags input 翻译api
    看名字应该知道是干嘛用了吧。这种规格标签,因为在写一个后台,用到这种场景,vuejs又没什么可用的,所以这种交互性极强的,还是离不开jquery啊。后悔没用react开发,结合ant里面......
  • jQuery中发起 ajax 请求,自己封装get请求
    jQuery中发起ajax请求参数:1.请求地址   2.参数  3.回调函数(参数为响应数据)//get请求参数拼接到url中$.get("http//127.0.0.1:8000",{a:100,b:200},......
  • 在浏览器中Django项目的静态文件打不开的一个原因
    2022-09-27问题描述:编写Django代码时,设置了一个“static”文件夹,在里面放置了一张图片。在“setting”中设置了静态文件在服务器中的存储路径,But浏览器运行时,显示......
  • jquery实现点击复制微信号并自动打开微信加好友​
    近期,有建网站客户要求实现在自己的手机网站上实现点击复制微信号并自动打开微信加好友的功能。怎么在自己建网站时,制作出这样的点击复制微信号并自动打开微信加好友功能呢?......
  • jQuery中有哪些方法可以遍历节点
    children():获取匹配元素的子元素集合,不考虑后代元素$(function(){$("div").children()})next()获取匹配元素后面紧邻的同级元素prev()获取匹配元素前紧邻的同级元素si......
  • jQuery中使用过哪些插入节点的方法?他们的区别是什么
    append(),appendTo(),prepend(),prependTo(),after(),insertAfter()before(),insertBefore() 大致可以分为内部追加和外部追加append()表式向每个元素内部追加内容。......