2013-06-18 216 views
0

我想加載一個頁面時,從我的內容的div加載,但沒有工作。你能幫我,告訴我我的錯誤在哪裏,或者爲什麼不工作?謝謝 !jQuery加載頁面錯誤

下面的代碼

的index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link href="css/fonts.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<ul id="nav"> 
<li><a href="index">index</a></li> 
<li><a href="about">contact</a></li> 
</ul> 

<div id="content"></div> 
<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script> 
<script src="js/js.js" type="text/javascript"></script> 
</body> 
</html> 

hello.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 

<body> 
<h1>Hello World</h1> 
</body> 
</html> 

和JavaScript

$(document).ready(function() { 
$('#content').load('hello.php'); 
}); 
+1

嘗試使用瀏覽器調試器/控制檯。 –

+0

是否與index.php位於同一目錄中的hello.php? –

+0

@Filippos Karapetis是的,是的。它似乎當我用鉻打開我在控制檯中得到這個錯誤:原產地null是不允許的訪問控制允許來源 –

回答

0

更改HTML這樣

<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script> 

執行:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link href="css/fonts.css" rel="stylesheet" type="text/css" /> 
<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script> 
<script src="js/js.js" type="text/javascript"></script> 

</head> 

<body> 
<ul id="nav"> 
<li><a href="index">index</a></li> 
<li><a href="about">contact</a></li> 
</ul> 

<div id="content"></div> 

</body> 
</html> 

和你的Jquery就像個是:

$("#content").load("/hello.php", function(response, status, xhr) { 
    if (status == "error") { 
    var msg = "Sorry but there was an error: "; 
    $("#error").html(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 

這應該有效,如果沒有,它會讓你知道發生了什麼。

1

使用此頭部分

<script src="http://code.jquery.com/jquery-2.0.2.min.js" type="text/javascript"></script> 
<script src="js/js.js" type="text/javascript"></script> 
0

你必須確保這個腳本標記之前

$(document).ready(function() { 
    $('#content').load('hello.php'); 
});