前后台交互,使用ajax传输参数,可是没有跳转到后台的路径中

本文介绍了一个简单的支付密码设置流程,包括前后端交互的过程。通过JavaScript实现密码一致性的检查,并使用Ajax进行前后端数据传递。后端通过判断参数是否完整及用户是否存在来返回相应的结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function setPayPwd(){
        var mobile=document.getElementById("telPhone").value;
         var payPassword=document.getElementById("payPwd").value;
         var rePayPassword=document.getElementById("rePayPwd").value;
        //  alert("mobile="+mobile+"And"+"payPassword="+payPassword);
         if(payPassword!=rePayPassword){
           alert("前后输入的密码不一致,请重新设置!");
           $("#payPwd").focus();
           return;
           }
           alert("密码一致,开始交互");  
               
         //前后台交互
        $.ajax({
        type: "POST", //用POST方式传输
        dataType: "json", //数据格式:JSON
        url: '${path}/member/setPayPwd.shtml', //目标地址
            data: {mobile:mobile, payPassword: payPassword},
            error: function (XMLHttpRequest, textStatus, errorThrown) { },
            success: function (msg){
             if(msg.ret !=1){
             layer.msg(msg.msg);
             }else{
layer.msg('验证成功,请设置支付密码!', {
     time: 1000 //2秒关闭(如果不配置,默认是3秒)
}, function(){
window.location.href="${path}/goods/index.shtml";
});          
             }
            }
        });     
              //alert("设置成功!");
         
       }
触发此方法的语句;
<input  type="button" onclick="setPayPwd()" value="提交" />


后台接收代码:

@RequestMapping("/setPayPwd")
public String setPayPwd(ModelMap mm,String mobile,String payPwd){
JSONObject json = new JSONObject();
Map<String, Object> returnMap = new HashMap<String,Object>();
if(StringUtil.isBlank(mobile)||StringUtil.isBlank(payPwd)){
json = getJson(0, null, "参数缺失!");
}
Map<String,String> map = new HashMap<String,String>();
map.put("membermobile", mobile);
map.put("memberpaypwd", payPwd);
returnMap = shopMemberService.login(map);
if(returnMap!=null&&((String)returnMap.get("isResult")).equals("0")){
     json.put("ret", 1);  //0失败   1成功
json.put("data", returnMap); //返回数据
json.put("msg", "设置成功!");  //返回消息
setUser(returnMap); 
}else{
json = getJson(0, null, (String)returnMap.get("memberMsg"));

        mm.put("json",json);
return AJAX_RETURN;

}

欢迎加入WEB前端互动交流群04,海量学习资料免费送

转载于:https://www.cnblogs.com/xsns/p/6668077.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值