例:实名认证
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
前端参数与后端方法参数名一样就行了。