Autorefresh DIV，No PHP

Question

我想在此頁面自動刷新一個div：http://americanart.si.edu/index_newsplash3r.cfm（「探索地點」區域）。現在我們有3個不同的圖像和文字，當您重新加載頁面時，它們會任意顯示。我希望這些元素能夠自動更改，而無需重新加載頁面。

該頁面在Coldfusion 9中完成。大多數AJAX autorefresh代碼假設您使用的是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); 

     } 
    }