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
前端参数与后端方法参数名一样就行了。
  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值