Javascript 使用jquery提交的有效方法

我正在寻找一个基本的jQuery函数来提交表单而不刷新页面。我曾经有过这个，但我找不到它，我能找到的只是那些冗长而复杂的，你必须更新才能在表单中添加输入字段的内容

---

据我所知，代码包括流程文件的URL、表单id和#结果id。

您可以使用Ajax表单提交，如下所示：

<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
        }
    });
});
</script>

变量形式=$（“#formId”）；
表单提交（函数（）{
$.ajax({
类型：“POST”，
url:“url”，//您要发布的url
数据：formData，
成功：功能（数据）{
警惕（“成功”）；
},
错误：函数（jqXHR、textStatus、errorMessage）{
警报（errorMessage）；//可选
}
});
});

$（“#ajax表单”）.submit（函数（e）{
e、 预防默认值（）；
var query=$（this.serialize（）；
$（this）.find（“#message”）.load（window.location.href+”？“+query+”#ajax表单#message'）；
});

请阅读常见问题解答，询问前先搜索，此问题将很快关闭或标记为重复。仅供参考：您正在寻找AJAX解决方案（无需刷新）。如果我能找到什么，我会发布吗？学习阅读。寻找你想要的第一个答案need@Kyslik“不刷新页面”…@user1926053。

    <?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">
        <div id="message"> <?php echo $message; ?> </div>
    </form>

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