jQuery中通过模态框请求数据 判定是添加还是修改

添加按钮绑定事件

一、清空模态框的数据

$(".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")  //刷新
          } 
        })   
      })