如何防止表單提交並改為進行jquery ajax調用

Question

當在表單輸入字段上按回車鍵時，我有一個事件要捕獲，但是不會觸發ajax調用，而是將from作為正常的http請求提交。

$("#addurl").keypress(function(e){
        switch(e.keyCode){
            case 13:
                // add url ajax call
                $("body").html(ajax_load)
                .load(loadUrl,{url:$("#addurl").value},function(responseText){
                    $("#videos").append(responseText);
                }
                return false;
        }
    });

...

<form><input id="addurl" name="addurl"/></form>

當我使用alert（“ hi”）測試時，case 13語句被正確觸發了，那么為什么ajax調用不能代替正常的成熟http請求呢？

Answer 1

你可以用

$(document).ready(function(){
//capture the form submission event
$("#formID").submit(function(){
   //do something
   return false;  
});

}）;

Answer 2

$("#inputBoxId").keypress(function(e){            
        if(e.keyCode==13)
         {
            e.preventDefault();  /// add prevent default
            //your code here

         }
    });