首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >防止表单提交后重定向

防止表单提交后重定向
EN

Stack Overflow用户
提问于 2010-10-28 07:35:32
回答 15查看 127.4K关注 0票数 30

我有一个用PHP提交电子邮件的HTML表单,当它提交时,它会重定向到该PHP页面。有没有办法防止这种重定向的发生?我用jQuery构建了一个我想要发生的动画,而不是重定向。我尝试返回false;,但不起作用。下面是我的函数:

代码语言:javascript
复制
$(function() {
    $('.submit').click(function() {
        $('#registerform').submit();
        return false;
    }); 
});

下面是开始的表单标记:

代码语言:javascript
复制
<form id="registerform" action="submit.php" method="post">

和submit按钮:

代码语言:javascript
复制
<input type="submit" value="SUBMIT" class="submit" />
EN

回答 15

Stack Overflow用户

发布于 2010-10-28 07:40:59

你应该用ajax发布它,这将阻止它改变页面,并且你仍然会得到信息。

代码语言:javascript
复制
$(function() {
    $('form').submit(function() {
        $.ajax({
            type: 'POST',
            url: 'submit.php',
            data: { username: $(this).name.value, 
                    password: $(this).password.value }
        });
        return false;
    }); 
})

请参阅Post documentation for JQuery

票数 40
EN

Stack Overflow用户

发布于 2010-10-28 08:03:21

您可以尝试event.preventDefault(),而不是返回false;,如下所示:

代码语言:javascript
复制
$(function() {
$('#registerform').submit(function(event) {
    event.preventDefault();
    $(this).submit();
    }); 
});
票数 16
EN

Stack Overflow用户

发布于 2016-05-13 17:12:37

代码语言:javascript
复制
$('#registerform').submit(function(e) {
   e.preventDefault();
   $.ajax({
        type: 'POST',
        url: 'submit.php',
        data: $(this).serialize(),
        beforeSend: //do something
        complete: //do something
        success: //do something for example if the request response is success play your animation...
   });

})
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4038567

复制
相关文章

相似问题

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