将提交的表单数据写入数据库后调用 javascript 函数

Question

我的问题可能看起来很尴尬。但我强烈需要答案。假设表单提交如下：

<input name="button2" type="submit" class="test" id="button2" value="submit"
       onclick="checkSubmitStatus();"/>

调用checkSubmitStatus函数时，表单还没有提交，所以表单数据还没有到达服务器端的数据库。我怎样才能让它们反之亦然？我的意思是首先，表单提交并将其数据插入服务器数据库，然后调用该javascript函数。

Answer 1

我想你想给用户一些关于数据是否插入成功的反馈，对吧？ 如果是这样，我建议您采用不同的方式。例如：

您的标记：

<form id="frm-post" method="post">
<input name="foo" value="bar" type="text" />
<button type="button" id="btn-submit">Submit</button>

您的代码：

$("#btn-submit").click(function(){

var objData = {
    type        : 'post' ,
    url         : 'your url' ,
    data        : $('#frm-post').serialize(),
    dataType    : 'text' ,
    success     : function ( dataReceived ) {
        alert(dataReceived)
    }
}

$.ajax(objData);

});

考虑到您将调用的页面将只返回您想要显示给用户的消息。

我没有测试过代码，但我认为它会让你走上正确的道路。