通过使用javascript发出httpget请求来显示响应（xml）？

Question

我对JS很陌生，我也做过研究，但我猜我使用了错误的技术或者别的什么。 就像在python中发出GET请求一样：

request_text = requests.get(url).text

我想做同样的事情，但使用JS，即以原始（xml）格式显示来自"http://synd.cricbuzz.com/j2me/1.0/livematches.xml"的内容，我在某处找到了这个脚本，但它不起作用。 你知道吗

<h2>AJAX</h2>

<button type="button" onclick="loadDoc()">Request data</button>

<p id="demo"></p>


<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "http://synd.cricbuzz.com/j2me/1.0/livematches.xml", false);
  xhttp.send();
}
</script>

</body>
</html>

我只需要关于如何做同样的指示，即如何发送一个GET/POST请求使用JS和呈现在网页上？你知道吗

Answer 1

当我使用

； function test(url) { var req = new XMLHttpRequest(); req.open('GET', url); req.onload = function() { var section = document.createElement('section'); var h2 = document.createElement('h2'); h2.textContent = 'Received from ' + url; section.appendChild(h2); var pre = document.createElement('pre'); pre.textContent = req.responseText; section.appendChild(pre); document.body.appendChild(section); }; req.onerror = function(evt) { document.body.insertAdjacentHTML('beforeEnd', '<p>Error requesting ' + url + '.<\/p>'); }; req.send(); } document.addEventListener('DOMContentLoaded', function() { test('http://home.arcor.de/martin.honnen/cdtest/test2011060701.xml'); test('http://synd.cricbuzz.com/j2me/1.0/livematches.xml'); }, false); ；

；