有没有办法告诉用户按下提交时没有互联网连接?

时间:2012-09-26 17:43:20

标签: javascript jquery

当然,假设没有互联网连接。像jQuery方法一样?

6 个答案:

答案 0 :(得分:10)

我会尝试向您知道在线的几台服务器发出HEAD请求(没有下载内容)。如果没有网络(无需设置超时),它们将自动失败。

$.ajax({
    type: "HEAD",
    url: 'http://www.google.com',
    error: function() {
        alert('world is gone !');
    }
});

DEMONSTRATION(拔掉你的网络进行测试)

答案 1 :(得分:2)

如果您正在处理ajax请求,则可能会发现timeout错误 - 请参阅$.ajax引用中的error(jqXHR, textStatus, errorThrown)

答案 2 :(得分:1)

排序,是的。在实际提交之前,您可以ajax调用尝试连接到您网站上的简单轻量级服务,以检查它是否可访问。

如果通话失败,您可以认为没有连接。

答案 3 :(得分:0)

借助失败的XHR请求,您可以确定连接。 如果请求没有通过,请重试几次,警报并优雅地失败。

我可以使用我从http://jamiethompson.co.uk/web/2008/06/17/publish-subscribe-with-jquery/

获得的这个功能
$.networkDetection = function(url,interval){
    var url = url;
    var interval = interval;
    online = false;
    this.StartPolling = function(){
        this.StopPolling();
        this.timer = setInterval(poll, interval);
    };
    this.StopPolling = function(){
        clearInterval(this.timer);
    };
    this.setPollInterval= function(i) {
        interval = i;
    };
    this.getOnlineStatus = function(){
        return online;
    };
    function poll() {
        $.ajax({
            type: "POST",
            url: url,
            dataType: "text",
            error: function(){
                online = false;
                $(document).trigger('status.networkDetection',[false]);
            },
            success: function(){
                online = true;
                $(document).trigger('status.networkDetection',[true]);
            }
        });
    };
};

答案 4 :(得分:0)

一种方法是使用AJAX发送表单。然后,您将拥有一个处理程序,它将告诉您它无法连接到服务器,您可以保存数据并通知用户服务器不可用。问题是您的互联网连接或服务器可能已关闭并不重要。

答案 5 :(得分:-2)

if (navigator.onLine) {
  alert('online');
} else {
  alert('offline');
}