例:实名认证
html代码:
<div class="dalogContent"><div class="list"><div class="name fl">真实姓名</div><div class="input fl"><input id="name" name="name" type="text" class="username"></div><div class="label fl nameLabel renzheng"><!--<img src="static/img/icon/check1.png" alt="" width="20" height="20">--><span id="rzname"></span></div></div><div class="list"><div class="name fl">身份证号</div><div class="input fl"><input id="id_card" name="id_card" type="text" class="userident"></div><div class="label fl identLabel renzheng"><!--<img src="static/img/icon/check1.png" alt="" width="20" height="20">--><span id="rzident"></span></div></div><button id="identBtn" type="button">认证</button><div class="footerText ta num"><p>为了您账户的安全,请填写真实姓名与身份证号</p><p>请注意实名认证成功后将无法修改</p></div></div>
js代码:
$("#identBtn").click(function(){$.ajax({url:"/api/idCard", //请求后台dataType:"json",type:"get",async:true,data:"name="+$("#name").val()+"&id_card="+$("#id_card").val(),success:function(data){console.log(data);if(data=='true'){$("#rzident").html("");}else{$("#rzident").html("实名认证错误!");}}});})
data为请求的参数,用""包含,参数之间用&连接。
//实名认证@GetMapping("/idCard")public boolean updateCustomer(String name,String id_card){
Ajax为get请求,所以注解为GetMapping
前端参数与后端方法参数名一样就行了。