本文介绍如何使用jQuery从服务器获取XML数据，并通过解析XML数据来显示评论列表。
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
//获取xml数据
//find()搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
$(function(){
$("#send").click(function(){
$.get("6get_xml.php",{name:$("#username").val(),content:$("#content").val()},function(data){
var $name=$(data).find("comment").attr("name");
var $content=$(data).find("content").text();
$("#resText").html($name+'<br>'+$content)
});
})
})
</script>
</head>
<body>
<form id="form1" action="#">
<p>评论列表:<input type="text" name="username" id="username" /></p>
<p>内容：<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="发送"></p>
</form>
<div class="comment">已有品论：</div>
<div id="resText"></div>
6get_xml.php
<?php
header("Content-Type:text/xml;charset=utf-8");
echo "<?xml version='1.0' encoding='utf-8'?><comments><comment name='{$_GET['name']}'><content>{$_GET['content']}</content></comment></comments>";
?>
扫一扫
192
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
