如何使用 AJAX 或 fetch() 获取 Wikipedia 网页

Question

我想在浏览器中动态获取 Wikipedia 网页，以便使用 XSLTProcessor 进一步处理 XHTML。

很遗憾，这不起作用，因为我无法让 Wikipedia 在 HTTP 响应中发送“Access-Control-Allow-Origin”标头。

我尝试包含https://www.mediawiki.org/wiki/Manual:CORS 中所述的“origin”参数，但没有成功。

获取完整的网页 HTML 对我来说很重要，因为它是在导航到该页面时由浏览器获取的，因此 MediaWiki API 对我来说是不可能的。

这是我尝试过的：

var url = "https://en.wikipedia.org/wiki/Star_Trek?origin=https://my-own-page.com";

fetch(url).then(function(response){
    console.log(response);
});

Answer 1

很遗憾，这不起作用，因为我无法让 Wikipedia 在 HTTP 响应中发送“Access-Control-Allow-Origin”标头。

不，你不能。由 Wikipedia 决定是否要明确授予在其他站点上运行的 JavaScript 访问其页面的权限。

由于这会导致用户的个人信息泄露（例如登录的维基百科页面显示用户的用户名，这可能被用来增强网络钓鱼攻击），这显然是不可取的。

var url = "https://en.wikipedia.org/wiki/Star_Trek?origin=https://my-own-page.com";

origin 是 HTTP 请求标头，而不是查询字符串参数，它会自动包含在跨源 XMLHttpRequest/fetch 请求中，您无需做任何特殊操作。