最初のログイン画面で基本的なアプリを作成しようとしています。これにより、ホーム画面に移動し、そこで別のページを選択できます。
私は Windows 7 PC を使用しており、iPhone6 および Android デバイスで PhoneGap Desktop を使用して phonegap にコンパイルしています。
問題を解決しようとするために、基本へのajax呼び出しを取り除きましたが、喜びはありません:
$(document).on('click', '#submit', function() {
$.ajax({url: 'http://192.168.42.223/server/login.php',
data: {action : 'login', formData : $('#login').serialize()},
type: 'post',
async: true,
dataType: 'json',
success: function (result) {
if(result.status == true) {
alert("OK");
$.mobile.changePage("/index.html", {
allowSamePageTransition : true,
transition : 'none',
showLoadMsg : false,
reloadPage : true
});
} else {
alert('Logon unsuccessful!');
}
},
error: function (request, status, error) {
alert('Fail!');
}
});
return false;
});
ちょっとしたおまけです... [PhoneGap デスクトップ] ログインの詳細をページに入力して [送信] をタップすると、空白のページが表示されます (ヘッダーとフッターは引き続き表示されます)。
[PC またはモバイルの Chrome ブラウザ] ページにログイン情報を入力して [送信] をタップすると、正しいページに送信され、すべて正常に動作します。
[Ripple Emulator] ページにログインの詳細を入力して [送信] をタップすると、正しいページに送信され、すべて正常に動作します。
このアプリケーションは、index.html へのエントリ時にユーザーがログインしていない (ローカル ストレージをセッション ホルダーとして使用している) ように構成されており、ユーザーは /page/login.html にリダイレクトされます。ログインすると、/index.html に戻り、ホーム画面にオプションが表示されます。