PHP编程实战15-12
2015-11-09 本文已影响0人
海边拾贝
<!--PHP编程实战-->
<!--JSON & Ajax -->
<!--15-12-->
<!--使用jQuery.load()函数加载文件 更精炼-->
<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 () {
$("#generated_content").load("animals.xml");
$("#generated_content").wrap("<pre>");
}
)
</script>
</head>
<body>
<p><strong>Ajax grabbed plain text:</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>
重点
- jQuery的load函数执行GET请求,并使用"智能猜测"返回纯文本.
- jQuery的wrap(怀疑为load才对)函数在元素的内容周围放置了标记,这允许将已加载的数据放在上面的<pre>...</pre>中.
- 这里没有使用$.ajax()方法,而是在jQuery对象上直接调用了load
方法.
