0

オフライン 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ファイルにアクセスできないときにページにとどまり、「サーバーに接続できません!」と警告する解決策を探しています。

前もって感謝します！

4

2 に答える 2

0

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/

于 2013-10-18T11:18:21.463 に答える
0

これはうまくいくかもしれませんが、ドキュメントをチェックアウトする必要があります:

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

于 2013-10-18T08:17:07.670 に答える