使用 AJAX 在 HTML 页面中获取 XML 数据答案

【问题标题】：GET XML data in HTML page using AJAX使用 AJAX 在 HTML 页面中获取 XML 数据
【发布时间】：2020-05-01 02:26:30
【问题描述】：

几天来，我一直在寻找将 XML 数据导入我的 html 页面，但仍然无法实现。

我遵循了很多教程，但我找不到最简单的方法，将 xml 数据转储到 html 页面中。

我的 XML 数据是由 php 脚本生成的。

<exemple>
<data> Hello</data>
<data> World</data>
</exemple>

我见过人们使用各种技术，比如 angular.js 和长脚本，但我觉得仅仅一个简单的“打印”就变得复杂了。

我知道 PHP，我只会对它做一个包含或回显。

我找到的最简单的脚本（但不能让它工作）是这个：

function showGetResult( )
    {
      jQuery.ajax({
        url: 'localhost/test/test.php',
        type: 'get',
        dataType: 'text/xml',
        success:function(data)
        {
          alert(data);
          document.write(data);
        }
      });
    }

showGetResult();

我的问题是：

我真的可以希望让工作变得如此简单吗？如果我的整个应用程序使用 php-xml-ajax 从数据库获取数据，Angular js 会帮助我吗？

我对 ajax 很陌生，所以请放纵一下。非常感谢

【问题讨论】：

标签： php ajax database

【解决方案1】：

好吧，因为 stackoverflow 是一个人们对 5 分钟前发布的问题表示反对的地方，因为他们认为这很愚蠢。（实际上是我知道你害怕在哪里发布愚蠢问题的唯一论坛），我在其他地方问过，我设法制作了一个工作脚本。就是这样。

当你点击按钮时，我会加载一个 txt 文件。

function submitForm1()
    {
        var req = null;
        document.getElementById("dyn1").value="Started...";
        if (window.XMLHttpRequest)
        {
            req = new XMLHttpRequest();
        }
        else if (window.ActiveXObject)
        {
            try {
                req = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e)
            {
                try {
                    req = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }
        req.onreadystatechange = function()
        {
            document.getElementById("dyn1").value="Wait server...";
            if(req.readyState == 4)
            {
                if(req.status == 200)
                {
                    document.getElementById("dyn1").value=req.responseText;
                }
                else
                {
                    document.getElementById("dyn1").value="Error: returned status code " + req.status + " " + req.statusText;
                }
            }
        };
        req.open("GET", "helloworld.txt", true);
        req.send(null);
    }

</script>

<form name="ajax1" method="POST" action="">
    <p><input type="BUTTON" value="Envoyer" onclick="submitForm1()"></p>
    <p>Reçu:
        <input type="text" id="dyn1" size="32" value=""></p>
</form>

【讨论】：