我的java后端已经写好了@PostMapping映射为employee,实体类是id,name,phone,现在需要前端ajax请求,我不会写,所以我需要你写一个表单提交这三个属性,并且写出ajax请求
时间: 2023-04-06 13:02:02 浏览: 90
html表单a标签,input标签等几种请求ajax提交数据给后台小结
好的,以下是表单和ajax请求的代码:
表单:
```
<form id="employee-form">
<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="submit" value="Submit">
</form>
```
ajax请求:
```
$(document).ready(function() {
$('#employee-form').submit(function(event) {
event.preventDefault();
var id = $('#id').val();
var name = $('#name').val();
var phone = $('#phone').val();
$.ajax({
type: 'POST',
url: '/employee',
data: {id: id, name: name, phone: phone},
success: function(data) {
alert('Employee added successfully!');
},
error: function() {
alert('Error adding employee!');
}
});
});
});
```
请注意,这只是一个示例代码,您需要根据您的实际情况进行修改。
阅读全文