javascript - 无互联网连接时的ajax回退

Question

以下代码将数据提交到服务器。数据在提交到服务器之前实际上存储在localStorage中。这是因为我要求用户能够在没有互联网连接的情况下使用我的系统。

问题是，当没有互联网连接时，显然无法将数据发送到服务器。这种情况我该怎么办？

$('#btnSync').on('click', function(e) {
    var my_data = {};
    var my_value = [];

    for ( var i = 0, len = localStorage.length; i < len; ++i ) {
        if((localStorage.key( i ).includes('set'))){
            var lsItems = JSON.parse(localStorage.getItem( localStorage.key( i ) ));

            allItems[localStorage.key( i )] = lsItems;
        }
    }

    $.ajax({
        url: "action.php",
        type: "POST",
        data: {'action':'btnSync','allItems':allItems},
        dataType: "json",
        success: function(data) {
            $.notify(
                {
                    message: data.message
                },
                {
                    type: data.status,
                    placement: {
                        from: "top",
                        align: "left"
                    },
                    newest_on_top: true,
                    delay: 0
                }
            );
        },
        error: function(data){
            $.notify(
                {
                    message: 'Unexpected error occured, please kindly contact System Administrator'
                },
                {
                    type: 'danger',
                    placement: {
                        from: "top",
                        align: "left"
                    },
                    newest_on_top: true,
                    delay: 0
                }
            );
        }
    });
});

Answer 1

您可以使用类似的 ajax 调用检查连接/服务器是否已启动。寻找

statusCode.status == 0

出错并向用户发出目的地无法访问/互联网关闭的通知。您可以创建此 ajax 调用作为函数中的 promise ，并在所有 ajax 调用之前使用它，并要求用户连接到互联网然后重试。