每10秒重新载入变数

Question

好的，这就是问题所在。 我想在php中有6个实时变量（现在它们就像Divs一样）。 我使用的方法效果很好，但效果很糟（我知道）。 我需要更好的解决方案。

现在，我加载6个不同的文件，如下所示：

<script>
function loadText() {
$.ajax({
    url: ("variable1.php"),
    cache: false,
    success: function(data) {
        $("#variable1").html(data);
    }
});
} setInterval(loadText, 60000);
</script>

<div id="variable1"></div>

我该怎么办？ 谢谢。

Answer 1

您是否要执行setInterval() ？

setInterval(function(){loadText();}, 10000);

或者，如果您希望它仅在成功完成调用之后才运行，则可以在.ajax().success()回调中进行设置：

function loadText(){
    var text = $.ajax({
        type: "POST",
        url: "variable1.php",
        async: false
    }).success(function(){
        setTimeout(function(){loadText();}, 10000);
    }).responseText;

    $('#variable1').html(text);
}

或使用.ajax().complete()如果希望它运行而不考虑结果：

function loadText(){
    var text = $.ajax({
        type: "POST",
        url: "variable1.php",
        async: false
    }).complete(function(){
        setTimeout(function(){loadText();}, 10000);
    }).responseText;

    $('#variable1').html(text);
}

这是两者的演示。 注意，成功仅一次，因为jsfiddle在ajax调用上返回404错误。

http://jsfiddle.net/YXMPn/

Answer 2

您始终可以设置一个要运行的函数，但是经常需要它具有此功能……这是一种简短得多的方法……如果这就是您的意思……

$("#variable1").load("variable1.php");