使用 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()&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; var req = null;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("dyn1").value="Started...";&nbsp; &nbsp; &nbsp; &nbsp; if (window.XMLHttpRequest)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; req = new XMLHttpRequest();&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else if (window.ActiveXObject)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; req = new ActiveXObject("Msxml2.XMLHTTP");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } catch (e)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; req = new ActiveXObject("Microsoft.XMLHTTP");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } catch (e) {}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; req.onreadystatechange = function()&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("dyn1").value="Wait server...";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(req.readyState == 4)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(req.status == 200)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("dyn1").value=req.responseText;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById("dyn1").value="Error: returned status code " + req.status + " " + req.statusText;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; req.open("GET", "helloworld.txt", true);&nbsp; &nbsp; &nbsp; &nbsp; req.send(null);&nbsp; &nbsp; }</script><form name="ajax1" method="POST" action="">&nbsp; &nbsp; <p><input type="BUTTON" value="Envoyer" onclick="submitForm1()"></p>&nbsp; &nbsp; <p>Reçu:&nbsp; &nbsp; &nbsp; &nbsp; <input type="text" id="dyn1" size="32" value=""></p></form>