由于安全原因,JavaScript无法直接从外部网站获取内容,因此需要通过后端语言来获取XML文件内容并将其转换为JSON格式传递给前端JavaScript代码,然后再以表格形式显示。

以下是一个使用Node.js和Express框架来实现的示例代码:

  1. 安装Node.js和Express框架

  2. 创建一个名为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');
});
  1. 创建一个名为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>
  1. 在命令行中运行以下命令启动应用程序:
node app.js
  1. 在浏览器中访问http://localhost:3000,将会以表格形式显示https://www.xladmin.com/sitemap.xml文件中的内容。
js获取httpswwwxladmincomsitemapxml并以表格的形式显示

原文地址: https://www.cveoy.top/t/topic/bbLu 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录