100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Ajax异步请求带参数传到后台

Ajax异步请求带参数传到后台

时间:2023-10-31 10:52:57

相关推荐

Ajax异步请求带参数传到后台

例:实名认证

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

前端参数与后端方法参数名一样就行了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。