2016-11-07 108 views
1

我知道這個問題已經被問了很多次了,我已經經歷了所有的解決方案,但無法解決問題。XMLHttpRequest無法加載

我是新手編程,並希望製作一個頁面,通過Java腳本加載一個ID爲「content」的div的內容。

這是我的索引頁

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script src="jquery-3.1.1.js"></script> 
</head> 
<body> 
    <a href="#">home</a> 
    <a href="#">about</a> 
    <div id="content"> 
    <script src="loader.js"></script> 
    </div> 
</body> 
</html> 

,這是我loader.js

$(document).ready(function() { 
    $('#content').load('home.html'); 
}); 

當我運行的index.html我得到

jQuery的3.1.1。 js:9536 XMLHttpRequest無法加載file:/// C:/Users/Desktop/my_folder/home.html。

所有文件位於名爲my_folder的文件夾中。

+0

在jquery最新版本'.load()'方法已被棄用。 https://api.jquery.com/category/deprecated/ – Samir

+0

@Samir:錯誤的方法。 .load將某些東西加載到標籤中不會被棄用。這是已棄用的https://api.jquery.com/load-event/,而不是https://api.jquery.com/load/ – mplungjan

+0

@mplungjan,在我提到的參考文獻中,它提到' .load()方法已被棄用了嗎? '.on(「load」)'是替換。請告訴我,如果我錯了。 – Samir

回答

0

我發現我的問題的答案

我已經改變了我的腳本

function load_home(){ 
document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>'; 
return false; 
} 

,並調用這個函數在內容DIV

感謝您的幫助:)

2

不幸的是XMLHttpRequest不能被調用到本地資源,即使HTML本地存儲。

因爲你可以通過編程讀取本地文件的內容並將它們發送到網上,什麼是不允許的。

相關問題