ロードPHPページ私はjqueryの

Question

を使用してクリックしたときに、私はここで

$(document).ready(function() { 
    $('#submit').click(function(){ 
     $(this).get("auth.php",{username: $('#log').val(), password: $('#pwd').val()}); 
    }); 
}); 

はidが提出すると、私は入力をクリックしたときものの、HTML

<form class="clearfix" action="#" method="post"> 
    <h1>Member Login</h1> 
    <label class="grey" for="log">Username:</label> 
    <input class="field" type="text" name="log" id="log" value="" size="23" /> 
    <label class="grey" for="pwd">Password:</label> 
    <input class="field" type="password" name="pwd" id="pwd" size="23" /> 
    <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label> 
    <div class="clear"></div> 
    <input id="submit" type="submit" name="submit" value="Login" class="bt_login"/> 
    <a class="lost-pwd" href="#">Lost your password?</a> 
</form> 

で次のスクリプトを実行していますauth.phpが別々に実行されたときに別のサイトにリダイレクトされても、ページはリロードされます。

私はアラートが、それはクリックイベントに応答しているとの警告でメッセージがボックスの正しい値が含まれていることを私を見ることを得ることができますが、$に.getは

Answer 1

をauth.php開くことはありませんようですフォームの送信を停止するには、フォームにreturn false;を追加する必要があります。.click fnを送信ボタンに追加したばかりです。しかし、フォームはSTILLを送信します。

Answer 2

コードにはいくつか問題があります。まず$.getであり、$(this).getではありません。次にデフォルトのアクションを防止したいと思うかもしれませんが、あなたのケースに入れたいかどうかは分かりませんが、デフォルトのアクションをキャンセルするとページがリフレッシュされることを期待しているようですページの一部をリフレッシュして完全リフレッシュを防ぎたいときは、ajaxを使用します。ページをリフレッシュ/リダイレクトすることを期待している場合は、なぜ最初にajaxを使用していますか？なぜまっすぐな投稿をしないのですか？

$(document).ready(function(e) { 
    $('#submit').click(function(){ 
     $.get("auth.php",{username: $('#log').val(), password: $('#pwd').val()}); 
     e.preventDefault(); 
    }); 
});