JQuery .load（）不加載html
[英]JQuery .load() does not load html
問題描述
請幫我弄清楚我錯過了什么。
這是我的名為“test.html”的html
<div id="div-test">
lalalalaal
<ul>
<li>Hi</li>
<li>By</li>
</ul>
</div>
這是同一目錄中的另一個html文件，其中包含：
<div id="result"></div>
<script type="text/javascript">
$(function() {
$("#result").load("test.html");
});
</script>
但它沒有加載任何東西。
但是，這很好用：
<div id="result"></div>
<script type="text/javascript">
$(function() {
$("#result").html("i see this text");
});
</script>
3 個解決方案
解決方案1
2 已采納 2012-08-12 15:41:53
當我需要定期加載數據時，我只需要創建一個動態加載的函數，這樣我就可以在需要時調用它，或者當頁面完成加載時
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
function loadContent(divName,pageURL) {
$("#" + divName).load(pageURL);
}
$(document).ready(function() {
loadContent('createArea','create_login.php');
});
</script>
</head>
<body>
<div style="float:left;width:500px;min-width:500px;min-height:200px;">
<div id="createArea" name="createArea"></div>
</div>
</body>
</html>
如下所述，除非您正在運行WAMP服務器，否則不會在本地執行。 如果它們不與具有此代碼的頁面駐留在同一目錄中，則您加載的文件的路徑可能需要是相對的。
解決方案2
1 2012-08-12 15:35:34
如果您使用Chrome或IE9，請嘗試監控XHR網絡呼叫以查看實際發生的情況。 在Chrome上，您可以監視XHR呼叫
- 單擊F12
- 單擊網絡按鈕
- 單擊控制台最底部的XHR標簽。
- 在控制台打開的情況下，執行代碼不起作用的頁面並檢查是否存在實際的數據交換。
希望能幫助到你
解決方案3
0 2012-08-12 15:38:35
嘗試這個：
<div id="result"></div>
<script type="text/javascript">
$(function() {
$("#result").load("/test.html"); // add "/"
});
</script>
jQuery .html和.load
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.