AJAX可以获取所有表单的值,不仅限于最后一个表单。以下是一个使用jQuery的代码示例,演示如何通过AJAX获取所有表单的值:
HTML代码:
JavaScript代码:
$(document).ready(function() {
// 当点击提交按钮时执行以下代码
$("#submitBtn").click(function() {
// 创建一个空对象用于存储表单数据
var formData = {};
// 遍历所有表单
$("form").each(function() {
// 获取当前表单的ID
var formId = $(this).attr("id");
// 获取当前表单中的所有输入元素
var inputs = $(this).find("input");
// 遍历当前表单中的所有输入元素
inputs.each(function() {
// 获取输入元素的name和value属性值
var name = $(this).attr("name");
var value = $(this).val();
// 将name和value添加到formData对象中
formData[formId + "_" + name] = value;
});
});
// 使用AJAX将formData发送到服务器
$.ajax({
url: "your-server-url",
type: "POST",
data: formData,
success: function(response) {
// 处理服务器返回的响应
},
error: function(xhr, status, error) {
// 处理错误
}
});
});
});
上述代码会遍历所有的表单,并将每个表单中的输入元素的name和value添加到formData对象中。最后,使用AJAX将formData发送到服务器进行处理。请将"your-server-url"替换为您的服务器端URL。