javascript - 自动刷新 DIV，无 PHP

Question

我想自动刷新此页面上的 div：http: //americanart.si.edu/index_newsplash3r.cfm（“探索的地方”区域）。现在我们有 3 种不同的图像和文本，当您重新加载页面时会任意显示。我希望这些元素能够自动更改，而无需重新加载页面。

该页面是在 Coldfusion 9 中完成的。大多数 AJAX 自动刷新代码假定您使用的是 PHP。

有没有人有我可以在没有 PHP 的情况下使用的代码链接？我认为它没有必要是 Coldfusion 代码。

谢谢。

Answer 1

您可以设置对服务器端的 Ajax 调用以获取照片路径和文本。像这样的东西。

    $(function(){
        function FillDivAtRandom(current){
        setTimeout(function(){

            //pass the current place to explore id to the server so you don't get the same back, if none then return anyone.

            $.post("http://americanart.si.edu/Request/PlacesToExploreNext", current, function(data){

//fill the div with new data return from server
//you don't seem to have an ID on that div or elements so put one on it first then use it as a selector 

                //set the image
                $('#placestoexplore_image').attr('src', data.image);
                //set the text
                $('#placestoexplore_description').html(data.description);
            });

            //call the function again
            FillDivAtRandom(current);

        }, 10000);

        }
    }