Question

我写了这个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并显示空白页面。可能有什么问题？

Answer 1

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

应该能满足您的需求。

Answer 2

这里是：

<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>

在jQuery解析期间显示的空白页面

2 个答案: