我需要一个ajax前端请求后端/employee/save1需要一个form表单进行输入,我的实体类属性是id,name,phone,请帮我写前端
时间: 2023-03-26 15:03:31 浏览: 69
根据表名创建实体类的字段和属性
4星 · 用户满意度95%
好的,您可以使用以下代码作为参考:
```
<form id="employeeForm">
<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>
<button type="button" onclick="saveEmployee()">Save</button>
</form>
<script>
function saveEmployee() {
var id = document.getElementById("id").value;
var name = document.getElementById("name").value;
var phone = document.getElementById("phone").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/employee/save1", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
alert("Employee saved successfully!");
}
};
var data = JSON.stringify({ "id": id, "name": name, "phone": phone });
xhr.send(data);
}
</script>
```
这段代码创建了一个包含 ID、Name 和 Phone 字段的表单,并在点击 Save 按钮时使用 AJAX 发送 POST 请求到后端的 /employee/save1 接口,将表单数据以 JSON 格式发送。请注意,这里使用了 XMLHttpRequest 对象来发送 AJAX 请求。
阅读全文