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

时间:2015-06-10 19:43:20

标签: javascript submit form-submit onsubmit

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

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

当调用checkSubmitStatus函数时,表单尚未提交,因此表单数据尚未到达服务器端的数据库中。如何使它们反之亦然?我的意思是首先,表单提交并将其数据插入服务器数据库,然后调用该javascript函数。

1 个答案:

答案 0 :(得分:0)

我想您想向用户提供有关数据是否成功插入的一些反馈,对吧? 如果是这样,我建议你按照不同的方式。例如:

您的加价:

<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);

});

考虑到您呼叫的页面将只返回您要向用户显示的消息。

我没有对代码进行过测试,但我认为它会让你以正确的方式进行测试。