<!--PHP编程实战-->
<!--JSON & Ajax -->
<!--15-13-->
<!--使用$.get并请求XML数据类型-->
<html>
<head>
<title>Loading Plain Text with jQuery</title>
<style type="text/css">
#generated_content {
border: 1px solid black;
width: 300px;
background-color: #dddddd;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.get("animals.xml", function (data) {
var message = "";
var names = data.getElementsByTagName("name");
for (i = 0; i < names.length; ++i) {
message += names[i].firstChild.nodeValue + "<br/>\n";
}
$("#generated_content").html(message);
}, "xml");
}
)
</script>
</head>
<body>
<p><strong>Ajax parsed XML:</strong></p>
<div id="generated_content"> </div>
</body>
</html>
xml数据文件
<!--animals.xml-->
<animals>
<dogs>
<dog>
<name>snoopy</name>
<color>brown</color>
<breed>beagle cross</breed>
</dog>
<dog>
<name>jade</name>
<color>black</color>
<breed>lab cross</breed>
</dog>
</dogs>
<cats>
<cat>
<name>teddy</name>
<color>brown</color>
<breed>tabby</breed>
</cat>
</cats>
</animals>
重点
- $.get(请求的文件,回调函数,期望的数据类型默认text)
- $("#generated_content")使用了CSS id选择器
