关于ajax访问本地json文件报错404的问题

Heier 发布于2019-08-23 11:47 / 1944人阅读

摘要：错误文件结构目录文件放在文件夹下，文件放在文件夹下，与文件夹均与文件为兄弟关系。猜测原因此处的路径是否应该基于引入文件的父级文件即该示例上的位置来决定。

错误：
1)文件结构目录：

json文件放在src文件夹下，js文件放在js文件夹下，json与js文件夹均与.html文件为兄弟（siblings）关系。

2)js文件引入json文件ajax写法如下：

3)页面显示错误结果：

$.ajax({
        url:"src/struct.json",
        success:function(res){
            console.log(res)
        }
    })

按照上述的目录结构这样也能访问到json。

猜测原因：此处的路径是否应该基于引入文件的父级文件（即该示例上的.html）位置来决定。

注：具体错误原因后续如果有时间会去找

正确：
1)文件目录结构：

js,json文件与.html为兄弟（siblings）关系，而非与其相应文件夹成兄弟（siblings）关系

2）js中ajax：

3）页面显示打印：

成功引入相应json文件

服务器托管云服务器 php文件404报错访问出现404问题 ajax跨域访问报错关于javascript的问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97477.html

关于跨域以及跨域的实现方式

摘要：关于跨域为什么会有跨域我们得先了解下同源策略。简而言之，同协议同域名同端口号什么是跨域跨域就是采取技术方案突破同源策略的限制，实现不同域之间交互请求响应。关于跨域 why? 为什么会有跨域？我们得先了解下 ==同源策略（SOP, Same Origin Policy)==。浏览器出于安全方面的考虑，只能访问与包含它的页面位于同一个域中的资源，该策略为通信设置了相同的协议、相同的域...

崔晓明 2019-08-26 12:15 评论0 收藏0
Ajax笔记

摘要：本文主要是我学习的笔记，不涉及到原理，只是记录如何使用。成功的含义取决于方法资源已被提取并在消息正文中传输。是请求链接到服务器，服务器响应错误后服务器返回浏览器的状态码。是指响应时间，开始请求到接收到响应开始处理的时间，单位为。本文主要是我学习ajax的笔记，不涉及到原理，只是记录如何使用。如果有错欢迎各位大佬指出。提前先转一篇写的非常全面的博客你真的会使用XMLHttpReques...

macg0406 2019-08-23 13:48 评论0 收藏0
跨域

摘要：一同源策略浏览器出于安全方面的考虑，只允许与本域下的接口交互。包括发送信息的内容，发送信息的域名等等同样的，在内添加一个事件监听绑定事件，在内通过方法发送信息给一样可以进行跨域通信一、同源策略(Same origin Policy) 浏览器出于安全方面的考虑，只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。 1、同源(本域) 所谓同源指的是三个...

keelii 2019-08-23 14:00 评论0 收藏0
js跨域问题及常用的两种解决方案

摘要：类似这样而在客户端我们只需要定义一个预定好的回调函数即可。处理跨域请求得到的数据其中的是我们在客户端定义好的在数据请求成功后要执行的回调函数。跨域产生的原因跨域是由浏览器的同源策略引起的，即不同源（协议,域名,端口中其中有一个不同）的js是不能读取对方的资源的。当要网站中的js要请求其他网站的数据时就会产生跨域问题，就像下面这样，浏览器会报错。 showImg(https://se...

gyl_coder 2019-08-21 13:50 评论0 收藏0