Javascript 如何在单击“提交并保存更改”按钮时重新加载表

我想知道当我单击保存更改或提交按钮而不是仅仅尝试刷新页面时，是否可以重新加载表。我似乎不知道如何刷新它。这可能是因为在页面加载时呈现的表没有给定函数名吗

这是html和脚本：

@model mvcpractive1.Models.PersonDb
@{
布局=空；
}
获取详细信息
个人Id
人名
人龄
提交
选择你的国家
@foreach（列表）ViewBag.List中的变量项）
{
@项目
}
拿桌子
保存更改
身份证件
名称
年龄
国家
城市
选择权
$（文档）.ready（函数（）{
$（'#snddet'）。单击（函数（）{
var name=document.getElementById（“PersonName”）.value；
var age=document.getElementById（“人物”）.value；
var country=document.getElementById（“PersonCountry”）.value；
var city=document.getElementById（“PersonCity”）.value；
$.ajax({
键入：“获取”，
url:“/Person/SendDetails”，
数据类型：“json”，
数据：{
姓名:姓名,，
年龄:年龄,，
国家:国家,，
城市：城市
},
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（数据）{
警报（数据）；
},
失败：函数（errMsg）{
警报（errMsg）；
}
});
});
$（'#upd'）。单击（函数（）{
var Id=document.getElementById（“PersonId”）.value；
var name=document.getElementById（“PersonName”）.value；
var age=document.getElementById（“人物”）.value；
var country=document.getElementById（“PersonCountry”）.value；
var city=document.getElementById（“PersonCity”）.value；
$.ajax({
键入：“获取”，
url:“/Person/editData”，
数据类型：“json”，
数据：{
Id:Id，
姓名:姓名,，
年龄:年龄,，
国家:国家,，
城市：城市
},
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（数据）{
警报（数据）；
},
失败：函数（errMsg）{
警报（errMsg）；
}
});
$（“#upd”）.hide（）；
});
$（'#PersonCountry'）.change（function（）{
var a=document.getElementById（“PersonCountry”）.value；
如果（$（this.val（）=“巴基斯坦”）{
$（“#PersonCity”）.show（）；
}else if（$（this.val（）=“Canada”）{
$（“#PersonCity”）.show（）；
}否则
$（“#PersonCity”）.hide（）；
$.ajax({
键入：“获取”，
url:“/Person/getCountry”，
数据类型：“json”，
数据：{
个人国家：a
},
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（数据）{
警报（数据）；
var len=data.length；
var s='请选择一个城市'；
对于（变量i=0；i

您应该使用ajax。它允许异步更新网页

---

您可以使用

$（“#mytable”）.empty（）清空表格并在jquery.ajax call上重新填充您的表格您能给我一把小提琴吗？“试试这把小提琴：参考这个样品