php - 重写此 ajax 代码?

标签 php javascript ajax jquery

我确实有一个 ajax 代码,只需单击一下按钮即可使用。但我需要它应该在每 10 秒之间自动加载功能。我怎样才能重写下面的代码??

<html>
<head>
  <title>Ajax with jQuery Example</title>
  <script type="text/JavaScript" src="jquery.js"></script>
  <script type="text/JavaScript">
  $(document).ready(function(){
    $("#generate").click(function(){
      $("#quote p").load("script.php");
    });
  });
  </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>
    <input type="submit" id="generate" value="Generate!">
  </div>
</body>
</html>

最佳答案

$(document).ready(function(){
  setInterval(function(){
    $("#quote p").load("script.php");
  }, 10000);
});

这将每 10 秒调用一次 $("#quote p").load("script.php")(或更准确地说,包含此调用的匿名函数)(第二个参数到 setInterval 以毫秒为单位指定)。

关于php - 重写此 ajax 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6131796/

相关文章:

php - 通过多态使用 Laravel Eloquents HasManyThrough 关系与多个关系

javascript - SVG 文本边缘未正确对齐

javascript - 通过鼠标拖动创建多边形形状不会使形状以其选择边框框为中心

javascript - 单击外部取消按钮时防止文本区域发生更改事件

javascript - NodeJS 代码不工作

php - 在按下提交按钮之前提交数据的表单

jquery - 如何使用 jQuery 使用图标作为通过/失败指示器进行表单验证?

javascript - jQuery 在单击按钮时将 php 文件中的值加载到 html 输入中 - 不起作用

php - yii 中的 ajax 调用 Controller (javascript)

javascript - 为什么我的浏览器从 Express 加载 JSON 响应?