關(guān)于ajax訪問本地json文件報錯404的問題

Heier 發(fā)布于2019-08-23 11:47 / 2131人閱讀

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

錯誤：
1)文件結(jié)構(gòu)目錄：

json文件放在src文件夾下，js文件放在js文件夾下，json與js文件夾均與.html文件為兄弟（siblings）關(guān)系。

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

3)頁面顯示錯誤結(jié)果：

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

按照上述的目錄結(jié)構(gòu)這樣也能訪問到j(luò)son。

猜測原因：此處的路徑是否應(yīng)該基于引入文件的父級文件（即該示例上的.html）位置來決定。

注：具體錯誤原因后續(xù)如果有時間會去找

正確：
1)文件目錄結(jié)構(gòu)：

js,json文件與.html為兄弟（siblings）關(guān)系，而非與其相應(yīng)文件夾成兄弟（siblings）關(guān)系

2）js中ajax：

3）頁面顯示打印：

成功引入相應(yīng)json文件

云服務(wù)器 GPU云服務(wù)器 php文件404報錯訪問出現(xiàn)404問題 ajax跨域訪問報錯關(guān)于javascript的問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/97477.html

相關(guān)文章

關(guān)于跨域以及跨域的實現(xiàn)方式

摘要：關(guān)于跨域為什么會有跨域我們得先了解下同源策略。簡而言之，同協(xié)議同域名同端口號什么是跨域跨域就是采取技術(shù)方案突破同源策略的限制，實現(xiàn)不同域之間交互請求響應(yīng)。關(guān)于跨域 why? 為什么會有跨域？我們得先了解下 ==同源策略（SOP, Same Origin Policy)==。瀏覽器出于安全方面的考慮，只能訪問與包含它的頁面位于同一個域中的資源，該策略為通信設(shè)置了相同的協(xié)議、相同的域...

崔曉明 2019-08-26 12:15 評論0 收藏0
Ajax筆記

摘要：本文主要是我學(xué)習(xí)的筆記，不涉及到原理，只是記錄如何使用。成功的含義取決于方法資源已被提取并在消息正文中傳輸。是請求鏈接到服務(wù)器，服務(wù)器響應(yīng)錯誤后服務(wù)器返回瀏覽器的狀態(tài)碼。是指響應(yīng)時間，開始請求到接收到響應(yīng)開始處理的時間，單位為。本文主要是我學(xué)習(xí)ajax的筆記，不涉及到原理，只是記錄如何使用。如果有錯歡迎各位大佬指出。提前先轉(zhuǎn)一篇寫的非常全面的博客你真的會使用XMLHttpReques...

macg0406 2019-08-23 13:48 評論0 收藏0
跨域

摘要：一同源策略瀏覽器出于安全方面的考慮，只允許與本域下的接口交互。包括發(fā)送信息的內(nèi)容，發(fā)送信息的域名等等同樣的，在內(nèi)添加一個事件監(jiān)聽綁定事件，在內(nèi)通過方法發(fā)送信息給一樣可以進行跨域通信一、同源策略(Same origin Policy) 瀏覽器出于安全方面的考慮，只允許與本域下的接口交互。不同源的客戶端腳本在沒有明確授權(quán)的情況下，不能讀寫對方的資源。 1、同源(本域) 所謂同源指的是三個...

keelii 2019-08-23 14:00 評論0 收藏0
js跨域問題及常用的兩種解決方案

摘要：類似這樣而在客戶端我們只需要定義一個預(yù)定好的回調(diào)函數(shù)即可。處理跨域請求得到的數(shù)據(jù)其中的是我們在客戶端定義好的在數(shù)據(jù)請求成功后要執(zhí)行的回調(diào)函數(shù)。跨域產(chǎn)生的原因跨域是由瀏覽器的同源策略引起的，即不同源（協(xié)議,域名,端口中其中有一個不同）的js是不能讀取對方的資源的。當要網(wǎng)站中的js要請求其他網(wǎng)站的數(shù)據(jù)時就會產(chǎn)生跨域問題，就像下面這樣，瀏覽器會報錯。 showImg(https://se...

gyl_coder 2019-08-21 13:50 評論0 收藏0