提交新值Spring boot jquery时刷新数据而不重新加载页面

提交新值Spring boot jquery时刷新数据而不重新加载页面,jquery,ajax,spring,Jquery,Ajax,Spring,我试图在提交新值时进行更新并显示数据。我希望在单击“提交”时,新数据会添加到数据库中,并自动更新和显示,而无需重新加载页面。但我不知道怎么写 这是我获取数据的jQuery代码 Get.js $(文档).ready(函数(){ //从JSON文件获取数据 $.get('get',函数(数据){ 学生变量=“”; //遍历对象 $。每个(数据、函数(键、值){ //具有以下特性的行的构造: //来自JSON对象的数据 学生+=”; 学生+=''+value.id+''; student+=''+va

我试图在提交新值时进行更新并显示数据。我希望在单击“提交”时,新数据会添加到数据库中,并自动更新和显示,而无需重新加载页面。但我不知道怎么写 这是我获取数据的jQuery代码

Get.js

$(文档).ready(函数(){
//从JSON文件获取数据
$.get('get',函数(数据){
学生变量=“”;
//遍历对象
$。每个(数据、函数(键、值){
//具有以下特性的行的构造:
//来自JSON对象的数据
学生+=”;
学生+=''+value.id+'';
student+=''+value.name+'';
学生+=”;
});
//向表中插入行
$(“#表”)。追加(学生);
});
});
这是发送数据的代码

post.js

$('#提交')。单击(函数(){
var id=$('#id').val();
var name=$('#name').val();
//当输入的信息存储在数据库中时,返回成功的数据提交消息。
var dataString='id='+id+'&name='+name;
如果(id=''| | name=''){
警报(“请填写所有字段”);
}否则{
//提交表单的AJAX代码。
$.ajax({
键入:“POST”,
url:“保存”,
数据:dataString,
cache:false,
成功:功能(结果){
警报(结果);
},
});
}
返回false;
});
和html


身份证件
名称
填写您的信息!
姓名:
电邮:

上述两个代码对于成功检索和发送数据非常有效。但是,我希望get函数在提交数据时自动刷新和显示,而无需重新加载页面。

您的代码运行良好吗?运行良好@quantumPuter您的代码运行良好吗?运行良好@quantumPuter