无法从服务器访问php文件时，离线phonegap构建Web应用程序仍停留在页面上

Question

我正在创建一个离线phonegap构建webapp。 我找到了一种方法，可以在连接到互联网时连接到服务器上的php文件。

基本代码头

<form id="ff" action="http://localhost/coupons/addcoupon.php" method="post">

基本代码体

$('#ff').form({ 
success:function(data){ 
    $.messager.alert('Info', data, 'info'); 
} }); 

但是由于webapp处于离线状态。 我正在寻找一种解决方案，可以在无法访问php文件时保留在页面上，并警告“无法连接到服务器！”。

提前致谢！

Answer 1

这可能有效，但是您应该查看文档：

document.addEventListener("offline", onOffline, false);

function onOffline() {
    // Handle the offline event
}

http://docs.phonegap.com/en/3.0.0/cordova_events_events.md.html#offline

Answer 2

假设您包含了jquery，则可以阻止提交表单，检查url是否可访问，并且仅在URL可用的情况下，然后提交表单，否则显示错误消息。 例如下面的代码，

var connectionExists = false;
    $('#ff').submit(function (e) {
        if (!connectionExists) {
            e.preventDefault();
            var url = $(this).attr('action');
            var $form = $(this);

            $.ajax({
                type: "GET",
                url: url,
                success: function () {
                    connectionExists = true;
                    $form.submit();
                },
                error: function () {
                    alert("Can't connect to the server!");
                }
            });
        }


    });

http://jsfiddle.net/pJuFr/1/