關于ajax訪問本地json文件報錯404的問題

Heier 發布于2019-08-23 11:47 / 2133人閱讀

摘要：錯誤文件結構目錄文件放在文件夾下，文件放在文件夾下，與文件夾均與文件為兄弟關系。猜測原因此處的路徑是否應該基于引入文件的父級文件即該示例上的位置來決定。

錯誤：
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文件

GPU云服務器云服務器 php文件404報錯訪問出現404問題 ajax跨域訪問報錯關于javascript的問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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