在提交表单时,如果不希望使用自定义标签来收集数据,可以使用JavaScript来获取表单数据,并将其发送到服务器。下面是一个示例代码:
HTML:
JavaScript:
function submitForm() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var formData = {
name: name,
email: email
};
// 发送表单数据到服务器
// 可以使用Ajax请求或者form的action属性来发送数据
// 以下为使用Ajax发送数据的示例
var xhr = new XMLHttpRequest();
xhr.open("POST", "submit.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 处理服务器返回的响应
}
};
xhr.send(JSON.stringify(formData));
}
在上面的示例中,submitForm
函数获取表单中的姓名和邮箱字段的值,并将其存储在一个formData对象中。然后,使用Ajax请求将formData对象作为JSON字符串发送到服务器。你可以根据需要修改发送数据的方式和目标URL。