使用jQueryAjax提交HTML表单

Question

使用jQueryAjax提交HTML表单

我试图使用Ajax提交一个HTML表单这个例子.

我的HTML代码：

<form id="formoid" action="studentFormInsert.php" title="" method="post">
    <div>
        <label class="title">First Name</label>
        <input type="text" id="name" name="name" >
    </div>
    <div>
        <label class="title">Name</label>
        <input type="text" id="name2" name="name2" >
    </div>
    <div>
        <input type="submit" id="submitButton"  name="submitButton" value="Submit">
    </div></form>

我的剧本：

<script type="text/javascript">
    $(document).ready(function() { 
        $('#formoid').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    });</script>

这是不起作用的，我甚至没有收到警告信息，当我提交时，我不想重定向到另一个页面，我只想显示警告消息。

有什么简单的方法吗？

PS：我有几个字段，我刚刚举了两个为例。

Answer 1

var postData = "text";       $.ajax({             type: "post",             url: "url",             data: postData,             contentType: "application/x-www-form-urlencoded",             success: function(responseData, textStatus, jqXHR) {                 alert("data saved")             },             error: function(jqXHR, textStatus, errorThrown) {                 console.log(errorThrown);             }         })