2012-08-16 101 views
2

我寫了這個XML文件:空白頁

<!--bookstore.xml --> 
<?xml version="1.0"?> 

<!DOCTYPE reviews SYSTEM "bookstore.dtd"> 

<bookstore> 
<location>Port Credit</location> 
<address intersection="Hurontario And Lakeshore"/> 
<book id="1000"> 
    <title> Intro to C</title> 
    <copies>5</copies> 
    <author name="John Fingle"/> 
    <author name="Carrie Dingle"/> 
<price>20.95</price> 
</book> 
<book id="1001"> 
    <title>C for Rocket Scientists</title> 
    <copies>3</copies> 
    <author name="Robert Johnson"/> 
    <author name="B. King"/> 
<price>28.95</price> 
</book> 
<book id="1011"> 
    <title>Les Miserables</title> 
    <copies>5</copies> 
    <author name="Victor Hugo"/> 
<price>24.95</price> 
</book> 
</bookstore> 

,我試圖用這個jQuery的方法

$(document).ready(function() { 

     $.ajax({ 
     type : "GET", 
     url : "bookstore.xml", 
     dataType : "xml", 
     success : processXml 
     }); 
    }); 
function processXml(xml) 
{ 
    var name = $(xml).find('location').text(); 
    $('#nameDiv').html(name); 
} 

來解析這一點,這是我的HTML頁面,

<title>Untitled Document</title> 
</head> 
<div id="nameDiv"> 


</div> 

<body> 

</body> 
</html> 

我檢查了我的XML,HTML和jQuery方法,似乎沒有任何錯誤。但它仍然不會將值附加到div並顯示一個空白頁面。什麼可能是錯的?

回答

2
$(xml).find('location')[0].text(); 

應該給你你需要的東西。

+0

能否請你解釋一下,我已經試過這樣的變量名稱= $(XML).find( '位置')[0]; $('#nameDiv')。html(name);但沒有變化,仍然是一個空白頁面。 – user1601973 2012-08-16 01:17:21

+0

對不起,我的意思是'$(xml).find('location')[0] .text();' 基本上,'find'返回一個找到的結果數組。而'[0]'給你第一個。 – Prasanth 2012-08-16 01:27:36

+0

我不知道爲什麼它仍然顯示空白頁面:/ Firebug也沒有顯示任何錯誤。 – user1601973 2012-08-16 01:29:23

0

那就是:

<html> 
<head> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script> 
    $(document).ready(function() { 

     $.ajax({ 
     type : "GET", 
     url : "bookstore.xml", 
     dataType : "xml", 
     success : processXml 
     }); 

function processXml(xml) { 
    $("#nameDiv").html($(xml).find("location").text()); 
} 
}); 
</script> 
<title>Untitled Document</title> 
</head> 
<body> 
<div id="nameDiv"> 

</div> 
</body> 
</html> 
+0

再次空白,我不知道什麼是錯的:/ – user1601973 2012-08-16 01:52:07

+0

大聲笑,這段代碼在我的瀏覽器上運行。 – alpera 2012-08-16 03:50:32