表单提交上的Javascript - 成功回调不起作用

Question

我有这个 Javascript 代码：

$(document).ready(function(){
    $("#message").hide();
    $("#please_wait_box").hide();
    $("#updateinvoice").submit(function(e){
        $("#message").hide();
        $("#please_wait_box").show();
        e.preventDefault();
        dataString=$("#updateinvoice").serialize();
        $.ajax({
            type: "POST",
            url: "viewinvoices-popup_go.php",
            cache: false,
            data: dataString,
            success: function(res){
                $("#please_wait_box").hide();
                $("#message").html(res);
                $('#message').fadeIn('slow');
                $('.overlay').fadeOut();
                if(res.indexOf("success")!=-1)
                {
                    window.location.href = res.substr(8);
                }
            }
        });
    });
});

而这个 HTML：

<div id="message" class="messagebox"></div>
<div id="please_wait_box" class="messagebox">Please Wait...</div>

因此，在表单提交时，它应该显示please_wait_box div，然后viewinvoices-popup_go.php页面中的输出应该显示在message div 中。

但是什么都没有显示 - 提交页面上的查询虽然令人兴奋

Answer 1

你会需要这个：

   $("#updateinvoice").submit(function(e){   
     e.preventDefault();
     // You rst of the code
   });

Answer 2

Please try this it will work.

For hiding the message
$('#message').removeClass('messagebox');
$('#message').addClass('hidden');
$('#message').show();

For showing the please_wait_box.
$('#please_wait_box').removeClass('hidden');
$('#please_wait_box').addClass('please_wait_box');
$('#please_wait_box').show();


In your css class

.hidden
{
    display:none;
}


/* use as per your need i have given in general*/

    .please_wait_box
    {
        display:block;
        position:absolute; 
        top:25px;
        left:30px;  
        /*width:100%;*/
        zindex:1000;
        /*opacity:0.5; /* transparency */  
        filter:alpha(opacity=60); 
    }

/* use as per your need i have given in general*/

    .messagebox
    {
        display:block;
        position:absolute; 
        top:25px;
        left:30px;  
        /*width:100%;*/
        zindex:1000;
        /*opacity:0.5; /* transparency */  
        filter:alpha(opacity=60); 
    }


Hope this helps

Thanks