前言
学习使用jQuery 解析xml结构信息
一.使用jQuery 解析xml结构数据
1.PHP代码返回xml结构信息
public function stringToXml()
{
header('Access-Control-Allow-Origin:*');
$xml = '<?xml version="1.0" encoding="utf-8"?>';
$xml .= '<article>';
$xml .= ' <item>';
$xml .= ' <title size="1">title1</title>';
$xml .= '<content>content</content>';
$xml .= '<pubdate>2020-11-14</pubdate>';
$xml .= ' </item>';
$xml .= '</article>';
echo $xml;
}
2.使用jQuery请求php代码，解析xml数据
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery解析xml数据</title>
</head>
<body>
</body>
</html>
<!--引入jQUery-->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
window.onload = function() {
$.ajax({
url:"http://127.0.0.1/index/xml/stringToXml",
dataType:"xml",
type:"post",
success:function(xml) {
$(xml).find("article").each(function(i){
console.log(xml);
var title = $(this).find('item').children("title").text();
var content = $(this).find('item').children("content").text();
var pubdate = $(this).find('item').children("pubdate").text();
console.log(title);
console.log(content);
console.log(pubdate);
});
},
error:function(err) {
console.log(err);
}
});
}
</script>
总结
提学习使用jQuery 解析xml结构信息
扫一扫
359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
