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

Question

几天来，我一直在寻找将XML数据放入我的html页面，但我仍然无法使其正常工作。我遵循了许多教程，但我找不到最简单的方法，只是在html页面中转储xml数据。我的 XML 数据是由 php 脚本生成的。<exemple><data> Hello</data><data> World</data></exemple>我见过人们使用各种技术，比如棱角分明.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();我的问题是：我真的希望让脚本变得如此简单吗？Angular js会帮助我，如果我的整个应用程序使用php-xml-ajax从数据库获取数据？我对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>