Question

我有这个脚本

说index.html

 <html>
    <head>
      <title>Ajax with jQuery Example</title>
      <script type="text/JavaScript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
      setInterval(function(){
        $("#quote p").load("script.php");
      }, 10000);
    });</script>
    <style type="text/css">
        #wrapper {
          width: 240px;
          height: 80px;
          margin: auto;
          padding: 10px;
          margin-top: 10px;
          border: 1px solid black;
          text-align: center;
        }
      </style>
    </head>
    <body>
      <div id="wrapper">
        <div id="quote"><p> </p></div>

      </div>
    </body>
    </html>

的script.php

<?php

echo "Hello how are you";?>

加载index.html时它是空白10秒然后它开始运行..我是如何摆脱空白以及它如何在浏览器加载时立即显示？

Answer 1

您的setInterval()来电按照设计运行：它在10秒内显示“，然后每隔几秒钟执行此操作....”

添加单独的“加载”调用以进行初始填充：

$(document).ready(function(){
  $("#quote p").load("script.php");  // <--- Add this

  setInterval(function(){
  ....

我该如何排序这个ajax php脚本

1 个答案: