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

Question

我正在创建一个离线 phonegap 构建 webapp。我找到了一种在连接到 Internet 时连接到服务器上的 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 是否可访问，并且仅当它提交表单时才会显示错误消息。例如下面的代码，

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/