无法使用 jquery 在简单的 HTML 文件中显示 XML 文件数据答案

【问题标题】：Unable to display XML file data in simple HTML file using jquery无法使用 jquery 在简单的 HTML 文件中显示 XML 文件数据
【发布时间】：2022-02-02 16:36:43
【问题描述】：

在运行以下代码时，出现 CORS 错误并将警报显示为“FAIL”。怎么做才能让它成功而不是失败。请提出建议。

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </head>
    <body>XML Data Load Test</body>
    <script>
        $(function() {
            $.ajax({
                type: "GET" ,
                url: 'https://www.w3schools.com/xml/plant_catalog.xml',
                dataType: "xml" ,
                success: function() {
                     alert("Success");
                },
                error: function() {
                        alert('Fail');
                }       
            });
        });
    </script>
</html>

得到错误和警报为“FAIL”

【问题讨论】：

标签： cors xmlhttprequest jquery-ajax

【解决方案1】：

这是一个跨站点请求，因此您需要启用跨域资源共享。即两个标头请求者发送 Origin: URL 并且服务应该响应 Access-Control-Allow-Origin: URL header

维基百科上有简单的解释https://en.wikipedia.org/wiki/Cross-origin_resource_sharing

解决方案提示：如果这是一个公共资源并且不提供访问控制标头，您将必须在您的服务器上读取它并从那里提供给您的浏览器。

【讨论】：