jquery的xml操作

zhaohehe123

于 2013-04-16 20:33:19 发布

阅读量537

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/zhaohehe123/article/details/8810923

jquery 专栏收录该内容

10 篇文章

订阅专栏

xml.html

<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("#button").click(function(){
$.get("xml.php",{name:$("#name").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" id="name"></p>
<p>内容：<textarea name="content" id="content"></textarea></p>
<p><input type="button" value="提交" id="button"></p>
</form>
<div id="resText"></div>
</body>
</html>

xml.php

<?php
header("Content-Type:text/xml;charset=utf-8");
echo "<?xml version='1.0' encoding='utf-8' ?>".
"<comments><comment name='{$_GET['name']}'></comment><content>{$_GET['content']}</content></comments>";