在前端开发中,确定使用了哪个提交按钮可以通过以下方法实现:
- 为提交按钮添加一个唯一的ID或类名,例如:或者document.getElementById('submit-btn').addEventListener('click', function() {
// 在这里执行提交表单的操作
});或者document.querySelector('.submit-btn').addEventListener('click', function() {
// 在这里执行提交表单的操作
});document.getElementById('submit-btn').addEventListener('click', function() {
// 获取表单数据
const formData = new FormData(document.querySelector('form'));
// 发送表单数据到后端
fetch('/submit', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
// 处理后端返回的数据
console.log(data);
})
.catch(error => {
console.error(error);
});
});通过以上方法,可以确定使用了哪个提交按钮,并执行相应的操作。
- 使用JavaScript监听提交按钮的点击事件,例如:
- 在事件处理程序中,获取表单数据并发送到后端进行处理,例如: