前后台交互,使用ajax传输参数,可是没有跳转到后台的路径中
Posted 倪殤
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后台交互,使用ajax传输参数,可是没有跳转到后台的路径中相关的知识,希望对你有一定的参考价值。
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,海量学习资料免费送
以上是关于前后台交互,使用ajax传输参数,可是没有跳转到后台的路径中的主要内容,如果未能解决你的问题,请参考以下文章
单点登录Session超时,Ajax请求不能正常跳转到登录界面
ajax 如何提交数据到后台jsp页面,以及提交完跳转到jsp页面