我正在寻找一个基本的 jQuery 函数来提交表单而不刷新页面。我曾经有过这个但我找不到它,我能找到的只是冗长的无聊和复杂的,你必须更新才能在表单中添加一个输入字段。
据我所知,代码包括流程文件的 URL、表单 ID 和#results id。
我正在寻找一个基本的 jQuery 函数来提交表单而不刷新页面。我曾经有过这个但我找不到它,我能找到的只是冗长的无聊和复杂的,你必须更新才能在表单中添加一个输入字段。
据我所知,代码包括流程文件的 URL、表单 ID 和#results 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>
<?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>