asp.net中表单提交和js注册事件提交表单的先后顺序

最新推荐文章于 2020-11-20 13:36:59 发布

转载最新推荐文章于 2020-11-20 13:36:59 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zjypp/archive/2011/10/28/2319279.html

文章标签：

#javascript #ViewUI

本文详细解析了一段JavaScript代码如何通过阻止表单默认行为，影响了表单提交到指定URL的过程。通过注册点击事件并执行自定义函数，实现了在跳转前先执行特定操作，如弹窗提示或数据发送。讨论了`return false`的作用及移除其影响后的实际效果，为前端开发者提供了理解表单交互与JavaScript事件处理的深入见解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比如这个
<form method="get" action="/ef">
<input value="xxxxxxxxxx" type=submit id="ffff" />
</form>
点击按钮提交后直接跳转去ef页面

但是如果加了一段js代码以后
<script type="text/javascript" language="javascript">
    $(function () {

        $("#ffff").bind('click', oooo);
    });
    function oooo() {
        alert('b');
        $.ajax({
            url: "/ef",
            cache: false,
            success: function (data) {
                alert(data);
            }
        });
        return false;
    }
</script>
给按钮注册了一个click事件，这个事件执行oooo方法，就会发现点击按钮直接进行oooo方法，不会去执行表单中action=/ef
的事件
主要是因为js代码中有关return false。阻止了表单去执行action=/ef

但是如果把return false注释掉，就会发现点击按钮先执行了ooo方法，oooo方法执行完毕以后，表单又去执行调整action=/ef

转载于:https://www.cnblogs.com/zjypp/archive/2011/10/28/2319279.html