关于javascript:使用jquery提交的有效方式

Efficient way to use jquery submit

本问题已经有最佳答案,请猛点这里访问。

我正在寻找一个基本的jquery函数来提交表单而不刷新页面。我曾经有过一次,但是我找不到,我能找到的只是那些冗长、乏味、复杂的表单,你需要更新它们才能在表单中添加一个输入字段。

根据我所记得的,代码包括进程文件的URL、表单ID和结果ID。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    <?php
        $message = '';
        if( isset( $_GET['name'] ) ) {
            if( empty( $_GET['name'] ) ) $message = 'Name is required';
            else $message = 'Form submitted successfully.';
        }
    ?>
    <form id="ajax-form">
        <input name="name" type="text">
        <input type="submit">
         <?php echo $message; ?>
    </form>

   
        $( '#ajax-form' ).submit( function( e ) {
            e.preventDefault();
            var query = $(this).serialize();
            $(this).find('#message').load( window.location.href + '?' + query + ' #ajax-form #message' );
        });

您可以使用ajax表单提交,如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form id="formId" action="url" method="post">

</form>

 <script type="text/javascript">
    var form = $('#formId');
    form .submit(function () {
    $.ajax({
        type:"POST",
        url:"url",// url which you want to post
        data: formData,
        success: function (data) {
            alert('success');
        },
        error: function(jqXHR, textStatus, errorMessage) {
            alert(errorMessage); // Optional
        }
    });
});