ajax之解析xml

今天之所以要分享这个例子，也是因为最近做博客开发，将第三方博客相关文章迁移到我自己的平台来。

通常迁移到自己的平台上有这么几种方式(以博客园为例):
1.导出xml，使用java程序遍历读取并存入对应的数据表;
2.博客园有自己公开的API，可以通过请求API拿到对应的xml数据，插入数据表;
3.使用爬虫技术;

上述三种我都尝试过，今天我要说的是其中2，也就是根据博客园API拿到xml数据。

今天不说后端，后端我已经将博客园API做了一定的封装，今天主要说ajax如何解析xml，并获得想要的数据。

前端代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>blog-analyze-xml-example</title>
</head>

<body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
$.ajax({
	type: "GET",
	url: "http://localhost:2019/blog-web/cnblogs/get48HoursTopViewPosts/20",
	dataType: "xml",
	success: function (ResponseText) {
		alert(ResponseText);
	
		$(ResponseText).find('author').each(function () {
			var name = $(this).find('name').text();
			
			console.log("name:"+name);
			
		})
	
	}
});

</script>

</body>

</html>

这段代码关键就是:

1
2
3
4
5
6
7

$(ResponseText).find('author').each(function () {
	var name = $(this).find('name').text();
	
	console.log("name:"+name);
	
})

xml是一个文档树形结构数据，通过find()找到你想要的节点，拿到对应的值，这时你想做什么就做什么。

本文标题:ajax之解析xml

文章作者:youcong

发布时间:2019-11-26, 16:22:11

最后更新:2020-02-16, 14:55:13

原始链接:http://developers-youcong.github.io/2019/11/26/ajax之解析xml/

许可协议: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

文章目录