Ajax 代码自动刷新 php 文件并更新它的值 [关闭]

Question

首先我想承认我对ajax一无所知。我正在构建一个小型应用程序，其中有一个 load.php 文件，在其中，我回显了 3 个变量，即 $loadout[0]; $loadout[1]; $loadout[2]; PHP 文件工作正常并显示值。 现在我有另一个 html 页面 index.html 将实际用户看到。在这个 html 文件中，body 上有 3 个 div

<div id="out1"></div>
<div id="out2"></div>
<div id="out3"></div>

现在我希望大家帮助我处理 ajax 代码，该代码将不断重新加载我的 load.php 文件并不断更新相应 div 上的输出值。但 index.html 页面不会重新加载。 load.php 将每隔 1 秒重新加载一次。

请帮忙。 ajax 代码是什么？

Answer 1

在你的 load.php 结尾：

echo json_encode($loadout);

在 index.html 中

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script type="text/javascript">

//Calling function
repeatAjax();


function repeatAjax(){
jQuery.ajax({
          type: "POST",
          url: 'load.php',
          dataType: 'json',
          success: function(resp) {
                    jQuery('#out1').html(resp[0]);
                    jQuery('#out2').html(resp[1]);
                    jQuery('#out3').html(resp[2]);

          },
          complete: function() {
                setTimeout(repeatAjax,1000); //After completion of request, time to redo it after a second
             }
        });
}
</script>