首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何阻止表单提交而改为进行jquery ajax调用

如何阻止表单提交而改为进行jquery ajax调用
EN

Stack Overflow用户
提问于 2010-09-30 22:48:57
回答 2查看 2.3K关注 0票数 1

当在表单输入字段上按下return键时,我要捕获一个事件,但是ajax调用并未触发,而是将from作为一个普通的http请求提交。

代码语言:javascript
运行
复制
$("#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;
        }
    });

..。

代码语言:javascript
运行
复制
<form><input id="addurl" name="addurl"/></form>

当我使用alert("hi")进行测试时,case 13语句被正确触发,那么为什么ajax调用不能代替正常的成熟的http请求呢?

EN

Stack Overflow用户

回答已采纳

发布于 2010-09-30 22:51:49

代码语言:javascript
运行
复制
$("#inputBoxId").keypress(function(e){            
        if(e.keyCode==13)
         {
            e.preventDefault();  /// add prevent default
            //your code here

         }
    });
票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3831743

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档