前言

学习使用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结构信息

上一篇：如何安全的配置php.ini

下一篇：nginx服务器部署Thinkphp 5.1框架报404解决方案

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

文章目录

前言

一.使用jQuery 解析xml结构数据

1.PHP代码返回xml结构信息

2.使用jQuery请求php代码，解析xml数据

总结

发表评论

最新留言

关于作者

推荐文章