blocks|key|892037|text|你应该用ajax发布它，这将阻止它改变页面，并且你仍然会得到信息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892038|$(function()+{
++++$('form').submit(function()+{
++++++++$.ajax({
++++++++++++type:+'POST',
++++++++++++url:+'submit.php',
++++++++++++data:+{+username:+$(this).name.value,+
++++++++++++++++++++password:+$(this).password.value+}
++++++++});
++++++++return+false;
++++});+
})|code-block|syntax|javascript|892039|请参阅Post+documentation+for+JQuery|offset|length|892040|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.post/^0|0|0|3|T|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>You should post it with ajax, this will stop it from changing the page, and you will still get the information back.</p>

<pre><code>$(function() {
    $('form').submit(function() {
        $.ajax({
            type: 'POST',
            url: 'submit.php',
            data: { username: $(this).name.value, 
                    password: $(this).password.value }
        });
        return false;
    }); 
})
</code></pre>

<p>See <a href="http://api.jquery.com/jQuery.post/" rel="noreferrer">Post documentation for JQuery</a></p>


blocks|key|892338|text|您可以尝试event.preventDefault()，而不是返回false；，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892339|$(function()+{
$('#registerform').submit(function(event)+{
++++event.preventDefault();
++++$(this).submit();
++++});+
});|code-block|syntax|javascript|892340|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Instead of return false, you could try event.preventDefault(); like this:</p>

<pre><code>$(function() {
$('#registerform').submit(function(event) {
    event.preventDefault();
    $(this).submit();
    }); 
});
</code></pre>


blocks|key|892551|text|$('#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...
+++});

})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|892552|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('#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...
   });

})
</code></pre>


blocks|key|892105|text|如果希望表单中的信息由PHP页面处理，则必须调用该PHP页面。为了避免此过程中的重定向或刷新，请通过AJAX提交表单信息。也许可以使用jQuery对话框来显示结果，或者自定义动画。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892106|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>If you want the information in the form to be processed by the PHP page, then you HAVE to make a call to that PHP page. To avoid a redirection or refresh in this process, submit the form info via AJAX. Perhaps use jQuery dialog to display the results, or your custom animation.</p>


blocks|key|892287|text|如果你可以运行javascript，那么创建一个新的iframe，然后发布到那个iframe上。你可以这样做<form+target="iframe-id"+...>，所有的重定向都发生在iframe中，而且你仍然可以控制页面。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|892288|另一种解决方案是也通过ajax发布post。但是，如果页面需要进行错误检查或其他什么，那就有点麻烦了。|892289|下面是一个示例：|892290|$("<iframe+id='test'+/>").appendTo(document.body);
$("form").attr("target",+"test");|code-block|syntax|javascript|892291|entityMap^0|1I|T|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|V|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<p>If you can run javascript, which seems like you can, create a new iframe, and post to that iframe instead. You can do <code>&lt;form target="iframe-id" ...&gt;</code>  That way all the redirects happen in the iframe and you still have control of the page. </p>

<p>The other solution is to also do a post via ajax. But that's a little more tricky if the page needs to error check or something. </p>

<p>Here is an example:</p>

<pre><code>$("&lt;iframe id='test' /&gt;").appendTo(document.body);
$("form").attr("target", "test");
</code></pre>


blocks|key|892420|text|由于不知道你到底想要实现什么，所以很难说，但是如果你花时间用javascript来解决这个问题，一个AJAX请求将是你最好的选择。但是，如果你想完全用PHP来做这件事，把这个放在你的脚本的末尾，你就应该准备好了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892421|if(isset($_SERVER['HTTP_REFERER'])){
++++header("Location:+"+.+$_SERVER['HTTP_REFERER']);++++
}+else+{
++++echo+"An+Error";
}|code-block|syntax|javascript|892422|这仍然会导致页面更改两次，但用户将在发起请求的页面结束。这甚至不是完成此任务的正确方法，我强烈建议使用AJAX请求，但它可以完成工作。|892423|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>With out knowing exactly what your trying to accomplish here its hard to say but if your spending the time to solve this problem with javascript an AJAX request is going to be your best bet. However if you'd like to do it completely in PHP put this at the end of your script, and you should be set.</p>

<pre><code>if(isset($_SERVER['HTTP_REFERER'])){
    header("Location: " . $_SERVER['HTTP_REFERER']);    
} else {
    echo "An Error";
}
</code></pre>

<p>This will still cause the page to change, twice, but the user will end on the page initiating the request. This is not even close to the right way to do this, and I highly recommend using an AJAX request, but it will get the job done.</p>


blocks|key|1107467|text|您可以按如下方式使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1107468|e.preventDefault()+|code-block|syntax|javascript|1107469|如果调用此方法，则不会触发事件的默认操作。|1107470|另外，如果我可以建议您阅读以下内容：.prop()+vs+.attr()|1107471|我希望它能帮助你，|1107472|代码示例：|1107473|$('a').click(function(event){
++++event.preventDefault();
++++//do+what+you+want
++}+|1107474|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>You can use as below</p>

<pre><code>e.preventDefault() 
</code></pre>

<p>If this method is called, the default action of the event will not be triggered.</p>

<p>Also if I may suggest read this: .prop() vs .attr()</p>

<p>I hope it will help you,</p>

<p>code example:</p>

<pre><code>$('a').click(function(event){
    event.preventDefault();
    //do what you want
  } 
</code></pre>


blocks|key|892221|text|HTTP的设计意味着使用数据进行POST将返回一个页面。最初的设计者可能是想让它成为你帖子的“结果”页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892222|对于PHP应用程序来说，回发到同一页是正常的，因为它不仅可以处理POST请求，而且可以基于原始GET生成更新的页面，并使用来自POST的新信息生成更新的页面。但是，没有什么能阻止您的服务器代码提供完全不同的输出。或者，你可以发布到一个完全不同的页面。|892223|如果您不想要输出，在AJAX开始使用之前，我见过的一种方法是让服务器返回(我认为)+250的HTTP响应码。这就是所谓的“无内容”，这应该使浏览器忽略数据。|892224|当然，第三种方法是使用提交的数据进行AJAX调用。|892225|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>The design of HTTP means that making a POST with data will return a page. The original designers probably intended for that to be a "result" page of your POST.</p>

<p>It is normal for a PHP application to POST back to the same page as it can not only process the POST request, but it can generate an updated page based on the original GET but with the new information from the POST. However, there's nothing stopping your server code from providing completely different output. Alternatively, you could POST to an entirely different page. </p>

<p>If you don't want the output, one method that I've seen before AJAX took off was for the server to return a HTTP response code of (I think) 250. This is called "No Content" and this should make the browser ignore the data.</p>

<p>Of course, the third method is to make an AJAX call with your submitted data, instead.</p>


blocks|key|892442|text|简单的答案是通过AJAX请求将您的调用发送到外部脚本。然后按您喜欢的方式处理响应。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892443|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>The simple answer is to shoot your call off to an external scrip via AJAX request.  Then handle the response how you like.</p>


blocks|key|892542|text|就像布鲁斯·阿姆斯特朗在his+answer中建议的那样。但是，我会使用FormData|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|892543|$(function()+{
++++$('form').submit(function()+{
++++++++var+formData+=+new+FormData($(this)[0]);
++++++++$.ajax({
++++++++++++type:+'POST',
++++++++++++url:+'submit.php',
++++++++++++data:+formData,
++++++++++++processData:+false,
++++++++++++contentType:+false,
++++++++});
++++++++return+false;
++++});+
})|code-block|syntax|javascript|892544|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/4038587/2036206^0|10|8|C|A|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>Just like Bruce Armstrong suggested in <a href="https://stackoverflow.com/a/4038587/2036206">his answer</a>. However I'd use <code>FormData</code>:</p>

<pre><code>$(function() {
    $('form').submit(function() {
        var formData = new FormData($(this)[0]);
        $.ajax({
            type: 'POST',
            url: 'submit.php',
            data: formData,
            processData: false,
            contentType: false,
        });
        return false;
    }); 
})
</code></pre>


blocks|key|892602|text|您必须将返回放在submit()调用中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892603|++$('.submit').click(function()+{
+++++$('#registerform').submit(function+()+{
+++++sendContactForm();
+++++return+false;
++++});
++++//Here+you+can+do+anything+after+submit
}|code-block|syntax|javascript|892604|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You must put the return inside submit() call.</p>

<pre><code>  $('.submit').click(function() {
     $('#registerform').submit(function () {
     sendContactForm();
     return false;
    });
    //Here you can do anything after submit
}
</code></pre>


blocks|key|1106913|text|您可能只需要对您的页面执行一个Ajax请求。在那里做return+false并不是在做你认为它在做的事情。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1106914|entityMap^0|Q|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Probably you will have to do just an Ajax request to your page. And doing <code>return false</code> there is doing not what you think it is doing.</p>


blocks|key|892662|text|您只需在控制器上将操作结果设置为NoContentResult即可|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892663|public+NoContentResult+UploadFile([FromForm]+VwModel+model)
++++{
+++++++return+new+NoContentResult();
++++}+|code-block|syntax|javascript|892664|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can simply make your action result as NoContentResult  on controller</p>

<pre><code>public NoContentResult UploadFile([FromForm] VwModel model)
    {
       return new NoContentResult();
    } 
</code></pre>


blocks|key|1107750|text|因为它绕过了CORS和CSP，所以这将保留在工具箱中。这是一个变种。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1107751|这将在localhost:8080上发布一个base64编码的对象，并在使用后清理DOM。|style|CODE|1107752|​|1107753|const+theOBJECT+=+{message:+'Hello+world!',+target:+'local'}

document.body.innerHTML+%2B=+'<iframe+id="postframe"+name="hiddenFrame"+width="0"+height="0"+border="0"+style="display:+none;"></iframe><form+id="dynForm"+target="hiddenFrame"+action="http://localhost:8080/"+method="post"><input+type="hidden"+name="somedata"+value="'%2Bbtoa(JSON.stringify(theOBJECT))%2B'"></form>';
document.getElementById("dynForm").submit();
dynForm.outerHTML+=+""
postframe.outerHTML+=+""|code-block|syntax|javascript|1107754|1107755|在网络调试器选项卡中，我们可以观察到从tls/https页面到未加密的http://服务器的成功POST。|1107756|1107757|📷|atomic|1107758|1107759|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS|1|https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP|2|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/01621c23034bcf3ddf9d025fe9a4f045.png|imageAlt^0|6|4|0|B|3|1|0|3|E|0|0|0|0|J|9|Z|7|0|0|0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]|$A|1G|B|1H|1|1I]]|C|$]]|$1|D|3|E|5|6|7|1J|8|@$A|1K|B|1L|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|1M|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|1N|8|@]|9|@]|C|$M|N]]|$1|O|3|I|5|6|7|1O|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1P|8|@$A|1Q|B|1R|F|G]|$A|1S|B|1T|F|G]]|9|@]|C|$]]|$1|R|3|I|5|6|7|1U|8|@]|9|@]|C|$]]|$1|S|3|T|5|U|7|1V|8|@]|9|@$A|1W|B|1X|1|1Y]]|C|$]]|$1|V|3|I|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|W|3|-4|5|6|7|20|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]|14|$5|Z|10|11|C|$12|15]]|16|$5|17|10|18|C|$19|1A|1B|-4]]]]

<p>Since it is bypassing <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" rel="nofollow noreferrer">CORS</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP" rel="nofollow noreferrer">CSP</a>, this is to keep in the toolbox. Here is a variation.</p>

<p>This will POST a base64 encoded object at <code>localhost:8080</code>, and will clean up the DOM after usage.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const theOBJECT = {message: 'Hello world!', target: 'local'}

document.body.innerHTML += '&lt;iframe id="postframe" name="hiddenFrame" width="0" height="0" border="0" style="display: none;"&gt;&lt;/iframe&gt;&lt;form id="dynForm" target="hiddenFrame" action="http://localhost:8080/" method="post"&gt;&lt;input type="hidden" name="somedata" value="'+btoa(JSON.stringify(theOBJECT))+'"&gt;&lt;/form&gt;';
document.getElementById("dynForm").submit();
dynForm.outerHTML = ""
postframe.outerHTML = ""</code></pre>
</div>
</div>
</p>

<p>From the network debugger tab, we can observe a successful POST to a <code>http://</code> unencrypted server from a <code>tls/https</code> page.</p>

<p><a href="https://i.stack.imgur.com/q0wgS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q0wgS.png" alt="enter image description here"></a></p>


blocks|key|892885|text|我发现这个页面已经有10年了(!)在最初的帖子之后，我需要的答案是普通的js而不是AJAX。在@gargAman的回答的帮助下，我找到了答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892886|使用适当的选择器将您的按钮分配给变量，例如|892887|document.getElementById('myButton')|offset|length|style|CODE|892888|然后|892889|myButton.addEventListener('click',+function(e)+{
++++e.preventDefault();
++++//+do+cool+stuff
});|code-block|syntax|javascript|892890|我应该注意到我的html如下所示(具体地说，我没有在按钮中使用type="Submit"，在表单中使用action=""：|892891|++<form+method="POST"+action=""+id="myForm">
++++
++++<button+id="myButton"+class="btn-submit">Submit</button>
++</form>|892892|entityMap^0|0|0|0|Z|0|0|0|V|D|1F|9|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@$F|Z|G|10|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|12|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|13|8|@$F|14|G|15|H|I]|$F|16|G|17|H|I]]|9|@]|A|$]]|$1|S|3|T|5|N|7|18|8|@]|9|@]|A|$O|P]]|$1|U|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|V|$]]

<p>I found this page 10 years (!) after the original post, and needed the answer as vanilla js instead of AJAX. I figured it out with the help of @gargAman's answer.</p>

<p>Use an appropriate selector to assign your button to a variable, e.g.</p>

<p><code>document.getElementById('myButton')</code></p>

<p>then</p>

<pre><code>myButton.addEventListener('click', function(e) {
    e.preventDefault();
    // do cool stuff
});
</code></pre>

<p>I should note that my html looks like this (specifically, I am not using <code>type="Submit"</code> in my button and <code>action=""</code> in my form:</p>

<pre><code>  &lt;form method="POST" action="" id="myForm"&gt;
    &lt;!-- form fields --&gt;
    &lt;button id="myButton" class="btn-submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
</code></pre>


<p>I have an HTML form that submits an email with PHP, and when it submits, it redirects to that PHP page. Is there a way to prevent this redirect from happening? I built an animation with jQuery that I want to occur instead of redirecting. I tried return false;, but it wouldn't work. Here's my function:</p>

<pre><code>$(function() {
    $('.submit').click(function() {
        $('#registerform').submit();
        return false;
    }); 
});
</code></pre>

<p>Here's the opening form tag:</p>

<pre><code>&lt;form id="registerform" action="submit.php" method="post"&gt;
</code></pre>

<p>And the submit button:</p>

<pre><code>&lt;input type="submit" value="SUBMIT" class="submit" /&gt;
</code></pre>


Prevent redirect after form is submitted

我有一个用PHP提交电子邮件的HTML表单，当它提交时，它会重定向到该PHP页面。有没有办法防止这种重定向的发生？我用jQuery构建了一个我想要发生的动画，而不是重定向。我尝试返回false;，但不起作用。下面是我的函数：$(function() {    $('.submit').click(function() {        $('#registerform').submit();   

问防止表单提交后重定向
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问防止表单提交后重定向EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问防止表单提交后重定向
EN