AJAX顯示/隱藏div

Question

我想每3秒對頁面執行一次ajax調用。 如果為false，則它將返回0 ，或者返回類似<div>Content</div>的html代碼段

我應該如何根據ajax返回的內容在頁面上放置或刪除該div？

Answer 1

使用setInterval（）

setInterval(ajaxCall, 3000);

function ajaxCall() {
   $.ajax({url:url,
           type:'html',
           success:function(result){
             if(result==0)
               $('#content').hide();
              else
                $('#content').html(result).show();  

            }
        });
 }



 <div id="content">Content</div>

Answer 2

一種可能的方式：

HTML

<div id="one" style="display:none"></div>
<div id="two" style="display:block"></div>

現在，在成功函數中，設置適當的div可見或隱藏

ajax.request
({
    // some code
    success: function(response)
    {
        // here check the answer and show the div with id one
        document.getElementById('one').style.display = 'block';
    }
})