Question

当我加载我的index.html站点时，它有时会返回Ajax，它会调用服务器上的php来打印动态页面的结果。为什么只有在我去地址栏并按回车或刷新时才有效？

这一直困扰着我。

<!DOCTYPE html>
<html>

<head>
  <title>Christmas- 2014: Secret Santa</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="css/styleSheet.css">
  <link rel="icon" type="icon" href="images/favicon.ico">

  <script>
    var xmlhttp;
    if (window.XMLHttpRequest) {
      //code for IE7, Firefox and everything new....
      xmlhttp = new XMLHttpRequest();
    } else {
      //for the old things
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }




    xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        document.getElementById("mainDynamic").innerHTML = xmlhttp.responseText;
      }





      $(document).ready(function() {
        $("#export_excel_button").click(function(e) {

          window.open('data:application/vnd.ms-excel,' + $('#userTable').html());
          e.preventDefault();
        });

      });


    }

    xmlhttp.open("GET", "resourceLines.php", true);
    xmlhttp.send();
  </script>
  <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
  <script type="text/javascript">
  </script>
</head>

<body id='mainBody'>
  <img class="Banner" src="images/Banner.JPG" alt="Banner" width="886" height="187">
  <section>
    <div id='mainDynamic'>


    </div>
    <article class='leftSide'>
      <div class="Presentations">
        <h1>Important Information</h1>
        <b>WebSite Scheme:</b>
        <br>
        <p>The Purpose of this is to have computer generated randomization of the "Secret Santa gifting". All wish list can be made online and will be automatically uploaded to the server. Then, I will run the program to randomly pair you then display the
          wish list to whom you'll be a secret Santa to.</p>

        <p>So things to do:
          <p>
            <ul>
              <li>Make an account</li>
              <li>Build your wish list</li>
            </ul>
            <p><b>WARNING</b>: It is important that you make only ONE! account for yourself.
              <p>

                <p>
                  <b>Gifting Criteria:</b>
                  <br>

                  <ul>
                    <li><b>Amount of Gifts-</b> Each person should have at least 3 gifts for the gift-er to chose from</li>
                    <li><b>Price of Total Gifts-</b> $50</li>
                    <li>Total Amount of gifts you buy for the person must be close to equal or more than $50</li>
                  </ul>
                  <br>
                  <b>Commonly Asked Questions</b>
                  <ul>
                    <li>Can we list multiple gifts on our wish list to add up to the <b>MAX</b> dollar amount? Yes, if there are multiple low priced items, you will have to chose to buy enough gifts to add up to the total amount.</li>
                  </ul>
                </p>
      </div>
    </article>
  </section>
</body>

</html>

Answer 1

我检查了您的网站，建议如下：

错误是当你使用$(document).ready(function() {...}（它在你的xmlhttprequest中）时，没有加载jQuery。因此，它会导致错误Uncaught ReferenceError: $ is not defined。
首先加载jQuery，不会再出现错误。
如果您使用jQuery，为什么不使用$.ajax？ jQuery为你兼容浏览器！

以下代码：

 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
<script> 
$(function() { // execute after dom loaded
    $.ajax({
        url: 'resourceLines.php'
    }).done(function(res) {
        // do whatever you like
    });
});
</script>

Ajax调用Server PHP有时只打印回请求

1 个答案: