使用jquery在其他頁面中加載一個html頁面

我想在同一位置的另一個html頁面（「index.html」）兩個文件中加載一個html文件（「hello_world.html」）。這是我寫的代碼。但它沒有加載任何東西。這兩個警報正在工作（我故意給檢查是否 jquery是否正在工作或沒有其他用途）代碼中的錯誤是什麼？我不想使用ajax。使用jquery在其他頁面中加載一個html頁面

</head> 
<script type="text/javascript" src="../jquery-1.3.2.js"></script> 
    <script type="text/javascript"> 
     $("document").ready(function() { 
     alert("ya loaded"); 
     $('#container').load('hello_world.html'); 
    alert("finished"); 
    }); 
</script> 
</head> 

<body> 
<div id="container"> 
</div> 

</body>

來源

2012-11-16 Bhavin Bhaskaran

即使您的'.load'不起作用，這兩種警報都會觸發，因爲'.load'是異步的。你正在使用AJAX。 –

您的調試控制檯中發生了哪些錯誤？請求是否被髮送？什麼是迴應？ –

如果您不想使用AJAX，則需要使用服務器端技術將hello_world.html包含在傳遞給客戶端瀏覽器的html中。 – Aaron

使用你的螢火蟲或鍍鉻物開發控制檯檢查可能的錯誤。

編輯：

當你使用AJAX，有時瀏覽器將不會使用file:///協議加載它。你應該在本地使用網絡服務器（例如windows或apache上的xampp），，並在http://協議中訪問您的網站。

這很可能是您的問題的原因。

來源

2012-11-16 21:29:19

XMLHttpRequest無法加載文件：/// D：/helloworld.html原因null不允許通過Access-Control-Allow-Origin在控制檯中出現此錯誤:(當我在腳本中放置警報時，警報正在工作 –

編輯我的答案 –

從這裏下載：http：//www.apachefriends.org/en/xampp-windows.html xampp並用它來爲你的html文件服務 –

嗯，我有一個目錄下面的文件：

的helloworld.html

<p>hello!</p>

的test.html在瀏覽器

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript"> 
     $("document").ready(function() { 
      $('#container').load('helloworld.html'); 
     }); 
    </script> 
</head> 
<body> 
    <div id="container"></div> 
</body> 
</html>

加載test.html的生產「你好！「，所以檢查你的jQuery是否正確加載。

來源

2012-11-16 21:22:07

XMLHttpRequest無法加載file：/// D：/helloworld.html。 Access-Control-Allow-Origin不允許Origin null。我得到這個錯誤在控制檯:(當我把一個警報裏面的腳本，警報工作 –

這是因爲你沒有運行它與服務器....嘗試與本地服務器運行它..它會工作。@BhavinBhaskaran –

使用jquery在其他頁面中加載一個html頁面

回答

相關問題