我需要一个form表单提交ajax请求到后端/employee/save1,我的实体类属性是id,name,phone,请帮我写前端
时间: 2023-03-26 16:03:28 浏览: 93
好的,您可以使用以下代码来实现:
```
<form id="myForm">
<label for="id">ID:</label>
<input type="text" id="id" name="id"><br><br>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="phone">Phone:</label>
<input type="text" id="phone" name="phone"><br><br>
<input type="button" value="Submit" onclick="submitForm()">
</form>
<script>
function submitForm() {
var xhr = new XMLHttpRequest();
xhr.open("POST", "/employee/save1", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
var data = {
id: document.getElementById("id").value,
name: document.getElementById("name").value,
phone: document.getElementById("phone").value
};
xhr.send(JSON.stringify(data));
}
</script>
```
这段代码会创建一个包含三个输入框和一个提交按钮的表单。当用户点击提交按钮时,会触发 `submitForm()` 函数,该函数会使用 AJAX 发送 POST 请求到 `/employee/save1` 接口,并将表单数据以 JSON 格式发送到后端。
阅读全文