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

Posted

技术标签:

【中文标题】Ajax 代码自动刷新 php 文件并更新它的值 [关闭]【英文标题】:Ajax code the auto refresh a php file and updates it's vaules [closed] 【发布时间】:2014-01-14 03:13:39 【问题描述】:

首先我想承认我对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 代码是什么?

【问题讨论】:

除非你编辑问题来展示尝试的东西 - 你问的是the wrong type of question 我们也为您滚动页面吗? @iSaumya 请尝试使用 ajax 代码,如果您在这里遇到任何问题。没有人会帮助您在这里编写 ajax 代码。 我做错了什么?请告诉我。我只是分享我的问题。 你应该学习一些ajax,而不是每次都问一个问题并盲目地复制代码。 【参考方案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>

【讨论】:

+1,求答案! 嗨,我只是以其他方式完成了它。一切正常,但 1 秒后没有重复。这是我的代码:` $.ajax( type : "POST", url : "load.php", dataType : "html", data : $(this).serialize(), success : function(response) var b = 响应; var temp = new Array(); temp = b.split(' '); $("#toper").html(temp[0]); $("#top").html(temp[ 1]); $("#stage").html(temp[2]); , complete: function() setTimeout(repeatAjax,1000); //请求完成后,一秒后重做 )` repeatAjax 是一个函数名,将你的整个 ajax 函数放入另一个函数中(就像上面一样),然后在 setTimeout() 中写入该函数的名称。我也认为 dataType 应该是 'json' 而不是 'html' 谢谢谢谢谢谢谢谢谢谢。我已经做了。爱你 而且您不需要像上面那样拆分响应对象,因为 php 已经将它作为数组传递,只需像 response[0]、response[1] 等一样使用它。

以上是关于Ajax 代码自动刷新 php 文件并更新它的值 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

更新选择列表而不刷新 [PDO/PHP/AJAX]

使用ajax和echo PHP变量刷新PHP页面[关闭]

如何通过php中的按钮单击将AJAX信息传递给另一个用户?

php怎么不刷新页面更新数据.

使用 ajax、jquery 和 PHP 从数据库更新图像不起作用

从包含的 .php 文件中自动刷新表