jQuery中ajax取得本地json的一个问题

因为要把一个页面放上github pages ,但是ajax跨域请求会报错。所以要加载本地json文件。
但是我在网上搜的如下两个办法都不管用

  1. 直接把url换成本地文件路径,url: './js/mock.json',
    2 .$.getJSON("./js/mock.json",function(data){…});

会报如下错误:
XMLHttpRequest cannot load file:///Users/yzy/github/news-list/js/mock.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

以上错误提示是由于AJAX方法涉及到 跨域 的问题导致!
由于没有在服务器环境里运行含有ajax方法的页面,而是直接通过浏览器打开(类似file:///的访问形式,即file协议)
本地页面ajax()请求本地页面,须通过服务器环境运行,类似这样:

http://localhost:63342/news-list/index.html?_ijt=r4oc2kbn4dnemosa8u77ervm07

PS. xx.json文件的路径是相对于index.html的,而不是js文件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,423评论 19 139
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,635评论 1 32
  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 3,592评论 0 15
  • 2017年7月12日入伏,最热的夏天如期而至,你答不答应想不想他都来了。在这个热到融化热到变形的日子里,除了空调W...
    pandyx阅读 333评论 0 0
  • 母亲是在怀她第四个孩子的时候,让父亲买来一棵柿子树苗栽在家的院子里的。妈妈再忙,都不会忘了给它浇水。那年她生了她的...
    唐金秀阅读 1,617评论 29 21

友情链接更多精彩内容