2011-01-13 15 views
7

挨拶、jQueryのモバイル - POSTフォームと応答を取得

私は次のjQueryモバイルページを持っている: "OK" または "NOK" のいずれかを返します./ajax/login.php

<div data-role="content"> 
    <center> 
    <img src="./images/logo320.png" /> 
    </center> 

    <br><br> 

    <form method="POST" action="./ajax/login.php"> 
     <label for="login_unameLabel">Username:</label><br> 
     <input type="text" name="login_uname" id="login_uname" /><br> 

     <label for="login_pwordLabel">Password:</label><br> 
     <input type="password" name="login_pword" id="login_pword" /><br> 

     <button id="login_submit" type="submit" data-theme="a">Submit</button> 
    </form> 
</div> 

。この結果を私のページに取り込む方法は?

私はFirebugのに次のエラーを取得し続ける:

k.data([このエラーのブレーク] 偽)a.mobile.activePage = K、H(k)は、Y & & D & ... DD(k)は.removeClass(「逆にアウト 」+

jqueryの携帯が結果にいくつかの操作を実行しているかのようです?私はこれが起こることを望んでいない。私はを持ってください有効なjqueryモバイルを返す私のPHPのHTMLページ?

洞察力が大変高く評価されています。事前に

多くのおかげで、

策:フォームでdata-ajax="false"を使用して

<script> 
$(document).ready(function() { 
    $("#login_submit").click(function() { 
    alert('clicked'); 
    }); 
}); 
</script> 
+0

これは役に立ちますか? –

+0

上記の私の解決策は見ましたか? – Eamorr

+2

あなたはjQuery Mobileをデザインした方法で使うべきです。それは「プログレッシブ・エンハンスメント」を念頭に置いていました。全体のアイデアは、javascriptなしでも動作するページを作成することです。したがって、私は答えるだろう - あなたはログインフォームが提出された後、フルページのコンテンツを返すべきである。それはインターネットがとにかく働く方法です... – naugtur

答えて

9

:今、私は介して、クリックイベントをキャプチャすることができます<input type="button" id="login_submit" data-theme="a" value="Submit" />

を使用しています。

jquery mobile auto ajaxの呼び出しを無効にすることができます

関連する問題