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