js获取httpswwwxladmincomsitemapxml并以表格的形式显示
由于安全原因,JavaScript无法直接从外部网站获取内容,因此需要通过后端语言来获取XML文件内容并将其转换为JSON格式传递给前端JavaScript代码,然后再以表格形式显示。
以下是一个使用Node.js和Express框架来实现的示例代码:
-
安装Node.js和Express框架
-
创建一个名为app.js的文件,添加以下代码:
const express = require('express');
const app = express();
const xml2js = require('xml2js');
const request = require('request');
app.get('/', (req, res) => {
request('https://www.xladmin.com/sitemap.xml', (error, response, body) => {
if (!error && response.statusCode == 200) {
xml2js.parseString(body, (err, result) => {
if (err) {
res.send('XML解析错误');
} else {
const urls = result.urlset.url;
const data = urls.map(url => {
return {
loc: url.loc[0],
lastmod: url.lastmod[0],
}
});
res.render('index', { data });
}
});
} else {
res.send('请求错误');
}
});
});
app.listen(3000, () => {
console.log('Server started on port 3000');
});
- 创建一个名为index.ejs的文件,添加以下代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sitemap</title>
</head>
<body>
<table>
<thead>
<tr>
<th>网址</th>
<th>最后修改时间</th>
</tr>
</thead>
<tbody>
<% data.forEach(function(item){ %>
<tr>
<td><%= item.loc %></td>
<td><%= item.lastmod %></td>
</tr>
<% }); %>
</tbody>
</table>
</body>
</html>
- 在命令行中运行以下命令启动应用程序:
node app.js
- 在浏览器中访问http://localhost:3000,将会以表格形式显示https://www.xladmin.com/sitemap.xml文件中的内容。
原文地址: https://www.cveoy.top/t/topic/bbLu 著作权归作者所有。请勿转载和采集!