Хороший пример того, существует ли интернет-соединение с использованием jQuery / AJAX?

Question

Когда я нажимаю кнопку, я хочу показать или скрыть скрытую кнопку в зависимости от того, подключено ли устройство к Интернету или нет.Я гуглил некоторые, но еще не нашел действительно хорошего примера, знаете ли вы какой-нибудь?

Я хочу что-то вроде

$('#btnPrepareSynch').click(function () {
 checkConnection();
});

function checkConnection()
{
     if(connection exist) {
          $('#btnSync').show("slow");
     } else {
          $('#btnSync').hide();
     }
}

Возможно?

Спасибо вadvance

Edit, можно проверить, есть ли у него соединение, отправив ping на google.com или что-то еще

edit2: с

$.ajax({
    url: "http://www.google.com",
    cache: false,
    success: $('#btnSaveBottom').show("slow")
});

кнопка отображаетсядаже если у меня нет подключения к интернету.Если я изменю его на .hide (), кнопка останется скрытой.Как мне добавить оператор сбоя здесь?

Answer 1

Обратный вызов «error» запускается при любом не-200 ответе от сервера (или тайм-ауте).

$.ajax({
    url: "http://yourdomain.com/am_i_up.html",
    cache: false,
    success: function(html) { 
        $('#btnSaveBottom').show("slow");
        return true;
    }
    error: function(xhr, textStatus, thrownError){
        alert(textStatus); //this will be 'timeout'
    } 
});