从PHP echo获取文本并使用AJAX更新DIV

Question

我正在学习HTML，PHP，AJAX和jQuery。 在练习中，我需要每3秒刷新一个DIV容器，而不需要为整个页面充电。

我必须使用AJAX进行刷新，响应需要是使用PHP在服务器中生成的随机数。

我有这个：

的index.php

<div id="contador">NEED TO OVERWRITE THIS TEXT</div>

number.php

<?php
    echo "Number: " . rand(1,100);
?>

ajaxreload.js

function update() {
  $("#contador").load('Loading...'); 
  $.ajax({
    type: 'GET',
    url: 'number.php',
    timeout: 3000,
    success: function(data) {
      $("#contador").html(data);
      $("#contador").html(''); 
      window.setTimeout(update, 3000);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
      $("#contador").html('Timeout...');
      window.setTimeout(update, 3000);
    }
});
}
$(document).ready(function() {
    update();
});

DIV每3秒更新一次，但没有得到number.php的回应响应。 我收到一个非常快的“正在加载...”消息，然后是“超时......”。 怎么了？ 我需要使用另一种东西而不是回声？ 另一种类型或URL数据？ 另一个AJAX功能？

谢谢！

解决 ：谢谢！ 解决方案在控制台:)问题是我的index.php文件在根目录中，number.php和ajaxreload.js在“scripts”文件夹中。 参数url：'number.php'尝试从div位置（index.php所在的位置）加载它而不是脚本文件调用的位置

谢谢@ dan08 @Keith Chason这是我第一次使用控制台

Answer 1

我现在没有一个可以测试它的环境，但我怀疑是window.setTimeout(update, 3000); 不是你的意思。

$.ajax函数的timeout参数是请求的允许时间量，而不是它运行的时间间隔。

http://www.tutorialsteacher.com/jquery/jquery-ajax-method

如果你试图每3秒加载一次，我会在Javascript中使用setInterval函数：

https://www.w3schools.com/jsref/met_win_setinterval.asp

function update() {
  $("#contador").load('Loading...'); 
  $.ajax({
    type: 'GET',
    url: 'number.php',
    success: function(data) {
      $("#contador").html(data);
      //$("#contador").html(''); This clears your <div>
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
      $("#contador").html('Timeout...');
      console.log('TextStatus: '+textStatus);
      console.log('ErrorThrown: ' + errorThrown);
    }
});
}
$(document).ready(function() {
    setInterval(update, 3000);
});