jQuery：form and ajaxcall

Question

私は送信時にajaxコールを作りたいと思います。

<form id="editMail" action="" method="post"> 
    <input name="user_email" type="text" value="mail" maxlength="50" id="user_email" style="width:200px;"> 
    <input name="submit" type="submit" id="submit_editMail" value="Ändra"> 
</form> 


    $('#editMail').submit(function() { 
      $.ajax({ 
      type: "POST", 
      url: "misc/email/activate.php", 
      data: { action: 'edit', user_email: new_usermail }, 
      success: function(r){ 
      if(typeof(r.error) != 'undefined') { 
      if(r.error != ''){ 
      alert(r.error); 
      } 
       }else{ 
      alert('OK'); 
     } 
     }); 
    }); 

まだ何も起こっていませんが、それはajaxコールをしませんが、それはページを参照するだけです。私はonClick = "return false;"を追加しようとしました。送信ボタンには何も起こりません。

Answer 1

戻り値falseをハンドラに返します。それ以外の場合は、POST要求が開始され、デフォルトのフォーム送信が実行されます。また、このようなイベントオブジェクトのpreventDefault機能を使用することができます。

$('#editMail').submit(function(event) { 
    $.ajax({ 
     type: "POST", 
     url: "misc/email/activate.php", 
     data: { action: 'edit', user_email: new_usermail }, 
     success: function(r){ 
      if(typeof(r.error) != 'undefined') { 
       if(r.error != ''){ 
        alert(r.error); 
       } 
      }else{ 
       alert('OK'); 
      } 
     } 
    }); 
    event.preventDefault(); 
}); 

編集：

ページの読み込みが完了する前に、あなたのスクリプトが実行されていないことを確認してください。あなたはこのように、readyハンドラでスクリプトをラップする必要があります。

$(document).ready(function() { 
    $('#editMail').submit(function(event) { 
     $.ajax({ 
      type: "POST", 
      url: "misc/email/activate.php", 
      data: { action: 'edit', user_email: new_usermail }, 
      success: function(r){ 
       if(typeof(r.error) != 'undefined') { 
        if(r.error != ''){ 
         alert(r.error); 
        } 
       }else{ 
        alert('OK'); 
       } 
      } 
     }); 
     event.preventDefault(); 
    }); 
}); 

Answer 2

あなたの.submitのための閉じ括弧のグループが欠落しています（）;

また、不要でした。あなたの「成功」機能を閉じます。

また、デフォルトの送信アクションを防ぐために必要な "return false"が追加されました。

を修正：

$('#editMail').submit(function() { 
    $.ajax({ 
     type: "POST", 
     url: "misc/email/activate.php", 
     data: { action: 'edit', user_email: new_usermail }, 
     success: function(r){ 
      if(typeof(r.error) != 'undefined') { 
       if(r.error != ''){ 
        alert(r.error); 
       } 
      }else{ 
       alert('OK'); 
      } 
     } 
    }); 
    return false; 
});