javascript - 如何防止提交表单并改为调用 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;  
});

});