使用按钮加载Ajax -on页面

时间:2015-12-05 18:11:56

标签: javascript ajax

我试图在网页打开时让ajax在段落中运行。如果我使用按钮,我只能使它工作。是否可以在网页打开后加载来自ajax函数的信息?

这是我的代码。

 <script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById('A1').innerHTML = xhttp.status;
      document.getElementById('A1').innerHTML = xhttp.statusText;
      document.getElementById('A1').innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "home.xml", true);
  xhttp.send(); 
  document.getElementById("demo").innerHTML = xhttp.responseText;
}
</script>

   <p > <span id="A1"></span></p>
   <button onclick="loadDoc('home.xml')">Get XML data</button>

2 个答案:

答案 0 :(得分:1)

无论你调用什么函数,无论是处理ajax还是任何其他计算,要在文档加载时调用函数,你必须在window.onload

中调用函数
    function a(){
     ...........
    }

    window.onload = function(){
      a();
    };

   For jquery:

   $(document).ready(functon(){
      a();
   });

    or 

    $(function(){
        a();     
    });

答案 1 :(得分:-1)

尝试:

<body onload="loadDoc('home.xml')">