添加按钮绑定事件
一、清空模态框的数据
$(".modal-input").val("") //清空所有input的数据
$("input:radio:checked").prop("checked",false) 清空单选框的数据
给修改按钮绑定事件
一、获取当前行的数据
id=$(event.currentTarget).parents("tr").children().eq(0).text(); //将id声明为全局变量,因为方便给保存按钮绑定事件的时候使用,来辨别是添加还是修改
var username=$(event.currentTarget).parents("tr").children().eq(1).text();
var realname=$(event.currentTarget).parents("tr").children().eq(2).text();
二、将当前行数据放到模态框中
$("#exampleModal input").eq(0).val(username)
$("#exampleModal input").eq(1).val(realname)
单选框默认选中操作:
if(gender=="male"){
$("#inlineRadio1").prop("checked","checked")
}else{
$("#inlineRadio2").prop("checked","checked")
}
给保存按钮绑定事件
一、获取模态框中的数据
获取单选框的数据
if($("input:radio:checked").val()=="option1"){
gender="male"
}else if($("input:radio:checked").val()=="option2"){
gender="female"
}
var username=$(".modal-input").eq(0).val()
var realname=$(".modal-input").eq(1).val()
二、判断id是否为空,从而判断是添加还是修改
if(id==""){
var obj={
username:username,
realname:realname,
password:password,
gender:gender,
telephone:telephone
}
}else {
var obj={
username:username,
realname:realname,
password:password,
gender:gender,
telephone:telephone,
id:id
}
}
三、发送ajax请求
$.ajax({
url:"http://182.92.164.74:8002/baseUser/saveOrUpdate",
type:"POST",
data:obj,
headers:{
"Authorization":sessionStorage.getItem("token")
},
success:function(data){
//关闭模态框 刷新页面
$("#exampleModal").modal("hide")
$("tbody").empty() //清空页面
findAllPage("currentPage","pageSize") //刷新
}
})
})