要使用Ajax提交整个form表单,可以使用$.ajax()方法或$.post()方法。以下是使用这两种方法的示例代码:
- 使用$.ajax()方法:
$(document).ready(function() { $('form').submit(function(event) { event.preventDefault(); // 阻止表单的默认提交行为 var formData = https://www.yisu.com/ask/$(this).serialize(); // 序列化表单数据'submit.php', // 提交表单的URL type: 'POST', // 提交的方法(POST或GET) data: formData, // 表单数据 success: function(response) { // 处理成功响应 }, error: function(xhr, status, error) { // 处理错误响应 } }); }); });
- 使用$.post()方法:
$(document).ready(function() { $('form').submit(function(event) { event.preventDefault(); // 阻止表单的默认提交行为 var formData = https://www.yisu.com/ask/$(this).serialize(); // 序列化表单数据'submit.php', formData, function(response) { // 处理成功响应 }).fail(function(xhr, status, error) { // 处理错误响应 }); }); });
上述代码中,submit.php
是处理表单提交的服务器端脚本文件,可以根据实际情况进行修改。