Question

我试图为光层设计建立一个显示屏,这是一个简单的网页。 ajax的电话是,根据客户用来更新信息的内部页面,每10秒更新屏幕。

我的问题是,在没有互联网连接的情况下,展台仍会更新,没有显示。如果当时有互联网连接,那么如果没有网络连接,那么时间就会重新开通,那么我怎么能够改变以下的代码。

    <script type="text/javascript">

        // Run the AJAX call to grab the data once
        $.ajax({
                type: "POST",       
                url: "ajax/getMessages.php?section=1", 
                data: "",
                 complete: function(data){  
                //print result in targetDiv  
                $( #content_1 ).html(data.responseText);  
                } 
            });

        // Then run the same script on a 10-second timer
        setInterval(function(){

            $.ajax({
                type: "POST",   
                url: "ajax/getMessages.php?section=1", 
                data: "",
                 complete: function(data){  
                //print result in targetDiv  
                $( #content_1 ).html(data.responseText);  
                } 
            });

        },10000);

    </script>

Answer 1

您可使用<代码>textStatus,complete (jqXHR, textStatus),其中任何一项是:“success”、“notmodised”、“error”、“timeout”、“abort”或“parserror”。

        $.ajax({
            type: "POST",   
            url: "ajax/getMessages.php?section=1", 
            data: "",
            complete: function(data, textStatus)
            {
              //print result in targetDiv if successfull
              if (textStatus ==  success )
              {
                  $( #content_1 ).html( +  :   + data.responseText);
              }
            } 
        });

See http://api.jquery.com/jQuery.ajax/

Answer 2

也许还有其他办法可以做到这一点,但这项工作将进行:核对<代码>数据>。其中没有任何内容:

if(data.responseText.length)
{
    // Display page
}

In your complete: function, like so:

complete: function(data){ 
    if(data.responseText)
    {
        $( #content_1 ).html(data.responseText);  
    }
}

A better way to do this would be to use success: instead of complete:, as the former is only fired if the AJAX request completes successfully, meaning you don t have to check for data.length.

// Run the AJAX call to grab the data once
$.ajax({
    type: "POST",      
    url: "ajax/getMessages.php?section=1", 
    data: "",
    success: function(data) {  
        // Print result in targetDiv  
        $( #content_1 ).html(data.responseText);  
    },
    error: function() {
        // Error handling code
    }
});

// Then run the same script on a 10-second timer
setInterval(function() {
    $.ajax({
        type: "POST",      
        url: "ajax/getMessages.php?section=1", 
        data: "",
        success: function(data) {  
            // Print result in targetDiv  
            $( #content_1 ).html(data.responseText);  
        },
        error: function() {
            // Error handling code
        }
    });
}, 10000);

Answer 3

var timer = setInterval(function(){
        $.ajax({
            type: "POST",                           
            url: "ajax/getMessages.php?section=1", 
            data: "",
            success: function(data){  
             //print result in targetDiv  
             $( #content_1 ).html(data.responseText);  
            },
            error: function(){ clearInterval( timer ) } 
        });

    },10000);

友情链接