javascript - JQuery .load() 方法在 Google Chrome 浏览器中不起作用

Question

嗨，我正在使用 jquery .load() 方法加载页面。
该页面在 firefox 上完美加载，但当我在 google chrome 上打开该页面时，它没有加载。

你们有什么解决办法吗？

<script>
          var xmlHttp;
          function initAjax() {
              try {
                  xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
              } catch(e) {
                  try {
                      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
                  } catch(e) {
                      try {
                          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                      } catch(e) {
                          alert("No AJAX!?");
                          return false;
                      }
                  }
              }

              xmlHttp.onreadystatechange = function() {
                  if(xmlHttp.readyState == 4) {
                      document.getElementById('main_container').innerHTML = xmlHttp.responseText;
                  }
              }
          }

function updateAjax(mypage) {
            var t=mypage;
            //alert(t);
                  if(t=="")
                  {
                      //alert("Welldone");   
                  }
                  else
                  {
                      xmlHttp.open("GET", t, true);
                      xmlHttp.send(null);
                  }
          }

window.onload = function() {
              initAjax();
          }
        </script>

        <div id="main_container" style="position: relative;">

        </div>

        <script src="../js/jquery.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/docs.min.js"></script>
        <script src="../js/jRating.jquery.js"></script>

        <script type="text/javascript">
          $("#main_container").load("home.html");
        </script>

Answer 1

这是你的答案..尝试使用这个..

 <script>
      var xmlHttp;
      function initAjax() {
          try {
              xmlHttp = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
          } catch(e) {
              try {
                  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
              } catch(e) {
                  try {
                      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                  } catch(e) {
                      alert("No AJAX!?");
                      return false;
                  }
              }
          }

          xmlHttp.onreadystatechange = function() {
              if(xmlHttp.readyState == 4) {
                  document.getElementById('main_container').innerHTML = xmlHttp.responseText;
              }
          }
      }

function updateAjax(mypage) {
        var t=mypage;
        //alert(t);
              if(t=="")
              {
                  //alert("Welldone");   
              }
              else
              {
                  xmlHttp.open("GET", t, true);
                  xmlHttp.send(null);
              }
      }

window.onload = function() {
          initAjax();
      }
    </script>

    <div id="main_container" style="position: relative;">

    </div>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/docs.min.js"></script>
    <script src="../js/jRating.jquery.js"></script>

    <script type="text/javascript">
     $(document).ready(function(){
      $("#main_container").load("home.html"); }); 
    </script>