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

Question

几天来我一直在寻找将 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很陌生，所以请放纵一下。 非常感谢

Answer 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>