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 文件并更新它的值 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章