表单上的 jQuery 提交刷新页面

Question

我知道这是如何工作的，我已经这样做了数千次了。不过，现在还是不行。为什么？

我有以下代码。我试过e.preventDefault , e.stopPropagation , return false 。我已将表单的 html 更改为 <form onsubmit="function()"等等。尽管如此，每次我提交表单时页面都会刷新。

谁能告诉我我喝醉了多少以及我做错了什么？

jQuery( document ).ready(function(){
    jQuery('.register-form').submit( function(e){       
        var form = jQuery(this).serialize();        
        jQuery.ajax({
            type : "post",
            dataType : "json",
            url : myAjax.ajaxurl,
            data : form,
            success : function( d ){
                if( d.success ) {
                   alert( 'Takk for din påmelding' );
                } else {
                   alert( 'Noe gikk galt, vennligst prøv igjen senere' );
                }
            }, 
            error: function(){
                alert( 'Noe gikk galt, vennligst prøv igjen senere' );
            }
        });     
        return false;   
    }); 
});

对于那些想要该网站网址的人来说，它是: http://ccnmn.loke.itvault.no

注意:这是挪威语。您可以通过按顶部菜单中的“Priser”，然后按所示包中的“Bestill”找到该表格

Answer 1

这个Fiddle表明您的代码在代码中正确位置放置了正确的 event.preventDefault(); 或 return false; 后工作得很好(另外，我更改了您的变量从 form 到 myForm 以防万一发生一些奇怪的名称冲突。)如果你镜像这个 fiddle 并且仍然有问题，你的问题一定出在其他地方(没有提交按钮上的处理程序吗？)。

<form class="register-form" action="/echo" method="POST">
   <input type="Text" id="test" name="test"/>
   <input type="Submit" value="Go" id="TestSubmit"/>
</form>

jQuery(document).ready(function(){
    jQuery('.register-form').submit(function(event){ 
        event.preventDefault();
        var myForm = $(this).serialize();   
        jQuery.ajax({
            type : "post",
            dataType : "json",
            url : "www.google.com",
            data : myForm,
            success : function( d ){
                if( d.success ) {
                   alert( 'Takk for din påmelding' );
                } else {
                   alert( 'Noe gikk galt, vennligst prøv igjen senere' );
                }
            }, 
            error: function(){
                alert( 'Noe gikk galt, vennligst prøv igjen senere' );
            }
        });
        //return false; would also work here instead 
        //of the event.preventDefault(); above        
    }); 
});