<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://bbs.csdn.net/layui/css/layui.css" media="all">
<script src="https://bbs.csdn.net/js/jquery.js" charset="utf-8"></script>
<!-- 注意：如果你直接復制所有代碼到本地，上述css路徑需要改成你本地的 -->
<script type="text/javascript">
$.get("http://localhost:8888/kude/student/islogin",function(data,status){
//async: false, //保持ajax同步發送請求，默認為異步
if(datahttps://bbs.csdn.net/topics/=='0'){
location.href="https://bbs.csdn.net/topics/login.html";
}else{
//alert("登錄成功");
}
});
$(function(){
$("#submit").click(function(){
var ssid=$("#sid").val();
var name=$("#sname").val();
var pwd=$("#spassword").val();
var x=$("#ssex").val();
var ress=$("#saddress").val();
var phone=$("#stelphone").val();
var index = parent.layer.getFrameIndex(window.name);
if((name!==null&&name!='')&&(pwd!==null&&pwd!='')&&(x!==null&&x!='')&&(ress!==null&&ress!='')&&(phone!==null&&phone!='')){
$.post("http://localhost:8888/kude/student/updata",{
id:ssid,
stuname:name,
password:pwd,
sex:x,
address:ress,
telphone:phone,
},
function(data,status){
if(data!=null){
alert(data);
alert("修改成功");
//window.location.close();//關閉
parent.layer.close(index);//關閉彈出層
parent.location.reload();//更新父級頁面
}else{
confirm("修改失敗，進行重新修改");
location.href="https://bbs.csdn.net/topics/updata.html";
}
});
}
});
});
/* function close(){
var a=$("#xiugai").val("yes");
alert(a);
} */
</script>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
<legend>學生資訊的修改</legend>
</fieldset>
<form class="layui-form layui-form-pane">
<input type="hidden" name="id" id="sid"/>
<div class="layui-inline "><!-- layui-form-item -->
<label class="layui-form-label">用戶名</label>
<div class="layui-input-inline">
<input type="text" name="stuname" id="sname" lay-verify="required" placeholder="請輸入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline "><!-- layui-form-item -->
<label class="layui-form-label">密碼</label>
<div class="layui-input-inline">
<input type="text" name="password" id="spassword" lay-verify="required" placeholder="請輸入密碼" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline " pane="" style="width: 298px; height: 38px;"><!-- layui-form-item -->
<label class="layui-form-label">性別</label>
<div class="layui-input-inline">
<input type="text" name="sex" id="ssex" lay-verify="required" placeholder="請輸入性別" autocomplete="off" class="layui-input">
<!-- <input id="boy" type="radio" name="sex" value="https://bbs.csdn.net/topics/男" title="男">
<input id="girl" type="radio" name="sex" value="https://bbs.csdn.net/topics/女" title="女"> -->
</div>
</div>
<div class="layui-inline "><!-- layui-form-item -->
<label class="layui-form-label">家庭住址</label>
<div class="layui-input-inline">
<input type="text" name="address" id="saddress" lay-verify="required" placeholder="請輸入家庭住址" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline "><!-- layui-form-item -->
<label class="layui-form-label">聯系方式</label>
<div class="layui-input-inline">
<input type="text" name="telphone" id="stelphone" lay-verify="required" placeholder="請輸入電話號碼" autocomplete="off" class="layui-input">
</div>
</div>
<!-- <div class="layui-form-item">
<label class="layui-form-label">確認修改</label>
<div class="layui-input-block">
<input type="radio" id="yxiugai" name="xiugai" title="是" class="layui-input-label" value="https://bbs.csdn.net/topics/是" >
<input type="radio" id="fxiugai" name="xiugai" title="否" class="layui-input-label" value="https://bbs.csdn.net/topics/否" checked="">
</div>
</div> -->
<div class="layui-form-item">
<button class="layui-btn" id="submit" lay-submit="" lay-filter="demo2">提交</button>
</div>
</form>
<script src="https://bbs.csdn.net/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接復制所有代碼到本地，上述js路徑需要改成你本地的 -->
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;
//監聽提交
form.on('submit(demo1)', function(data){
layer.alert(JSON.stringify(data.field), {
title: '最終的提交資訊'
})
return false;
});
});
</script>
</body>
</html>
后臺代碼：
@PostMapping("/updata")
public Student Updata(Student student, HttpServletResponse response){
response.setHeader("Access-Control-Allow-Origin","*");
Student student1=studentService.UpdataStu(student);
return student1;
}重現起來還很麻煩，怎么修改啊？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/246698.html
標籤：JavaScript