jquery_ajax get()获得xml

来源:互联网 发布:网络性能监控 编辑:程序博客网 时间:2024/06/05 14:10

<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>";
?>