Question

您好我正在使用jquery .load（）方法加载页面该页面完全加载到Firefox上，但是当我在谷歌浏览器上打开页面时它不会加载。

你们有一些解决方案吗？

<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>

Answer 2

问题在于，出于安全原因，Chrome会阻止本地文件.load()。如果您在服务器上使用它，它可以工作，因为所有文件都来自同一个地方。

要在本地启用工作版本，请尝试：

在Mac OS X中，完全是Chrome，请输入终端：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

在Windows中，相当Chrome，请输入命令提示符：

chrome.exe --allow-file-access-from-files

（也许你真的必须走这条道路......我不这么认为。如果是这样，你必须亲自找到它。）

在Linux中，相当Chrome，在终端输入类似内容：

/usr/bin/google-chrome --allow-file-access-from-files

JQuery .load（）方法不适用于谷歌Chrome浏览器

2 个答案: