【问题标题】:Ajax Auto updateAjax 自动更新
【发布时间】:2010-09-05 22:28:47
【问题描述】:

我有一个 div,我想在其中显示 6 张图片。这些图像的地址来自服务器。我正在使用此代码。

updateImageDiv = function() {
                            $.ajax({
                                type : 'POST',
                                url : 'slider.php',
                                dataType : 'json',
                                data: {
                                    p_CustomerName : "Davide"
                                },
                                async:true,
                                success : function(data){
                                    $("#slider").html(data);
                                },
                                error : function(XMLHttpRequest, textStatus, errorThrown) {
                                    alert("Error: "+errorThrown);
                                }
                            });
                            document.write(count);
                        };

这段代码更新了我的 div 标签。但我想每 5 秒后向服务器发送请求,如果数据不同,它将再次更新 div 标签。因为数据库中的图像地址会自动更改。所以我想在我的数据库中这些地址发生变化时立即更新 div 标签。有可能吗?

提前致谢

【问题讨论】:

    标签: php jquery ajax


    【解决方案1】:

    我建议使用计时器功能,因为它可以完成工作。

    如何设置另一个函数来调用您的更新函数。在您为更新 div 标签所做的 jquery 进程(函数)上调用 YourFunctionName 函数。

    setInterval ("YourFunctionName", 5000 );
    
    
        updateImageDiv = function() {
                                    $.ajax({
                                        type : 'POST',
                                        url : 'slider.php',
                                        dataType : 'json',
                                        data: {
                                            p_CustomerName : "Davide"
                                        },
                                        async:true,
                                        success : function(data){
                                            $("#slider").html(data);
                                        },
                                        error : function(XMLHttpRequest, textStatus, errorThrown) {
                                            alert("Error: "+errorThrown);
                                        }
                                    });
                                    document.write(count);
                                };
    

    【讨论】:

      猜你喜欢
      • 2014-12-01
      • 1970-01-01
      • 2013-10-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-18
      • 2019-11-21
      • 2012-01-27
      相关资源
      最近更新 更多