javascript - 如何更改此 javascript 以在加载时触发？

Question

试图在页面加载时触发此操作，但在页面加载时它没有显示任何内容。

http://jsfiddle.net/3GLFA/1/

  $( document ).ready( function loadData() {
          var url = "https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
          xmlhttp = new XMLHttpRequest();
          xmlhttp.onreadystatechange = function () {
              if (xmlhttp.readyState == 4) {
                  document.getElementById("display").innerHTML = xmlhttp.responseText;
                  alert(xmlhttp.responseText);
              }
          };
          xmlhttp.open("GET", url, true);
          xmlhttp.send(null);
      }
 {
});

HTML

<div id="display"></div>

Answer 1

Jquery 的 .ready() 方法采用匿名函数作为参数。

只需删除函数的名称即可运行。

$( document ).ready( function() {
  var url = "https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
  xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4) {
      document.getElementById("display").innerHTML = xmlhttp.responseText;
      alert(xmlhttp.responseText);
    }
  };
  xmlhttp.open("GET", url, true);
  xmlhttp.send(null);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="display"></div>