t1441332354 2018-07-07 12:26 采纳率: 71.8%
浏览 898
已结题

关于ajax取返回值的问题

最近在学习ajax的运用,遇到了一个问题。
之前用ajax往后台传值并取回后台的返回值,运行起来没有问题。之后我想在前端假如一个提示框,数据改为表单传递,然后再想用ajax取返回值就不能实现提示信息(“密码修改成功”和“账号与原密码不匹配,请重新输入!”)了。代码如下

 <head>
<script>
function validateForm(){
var x=document.forms["myForm"]["Username"].value;
var p=document.forms["myForm"]["Password"].value;
var c=document.forms["myForm"]["ChangePass"].value;
var a=document.forms["myForm"]["NewPass"].value;
if (x==null || x==""){
  alert("姓必须填写!");
  return false;
    }
if (p==null || p==""){
    alert("密码必须写!");
    return false;
    }
if (c==null || c==""){
    alert("重置密码必须写!");
    return false;
}
if (a==null || a==""){
    alert("确认密码必须写!");
    return false;
}
if (c != a){
    alert("确认密码与重置密码不一致!");
    return false;
}
$.ajax({
    async:false,
    success:function(data){
        if(data == 1){
            alert("密码修改成功!");
        }else if(data == 0){
            alert("账号与原密码不匹配,请重新输入!");
        }
    },
        error : function() {
            alert("网络故障!");
        }   
    });
}
</script>
</head>
<body>

<form name="myForm" action="ChangeServlet" onsubmit="return validateForm()" method="post">
<table>
    <tr>
        <th>姓名: </th>
        <td><input type="text" name="Username"></td>
    </tr>
    <tr>
        <th>密码: </th>
        <td><input type="password" name="Password"></td>
    </tr>
    <tr>
        <th>修改密码:</th>
        <td><input type="password" name="ChangePass"></td>
    </tr>
    <tr>
        <th>确认密码:</th>
        <td><input type="password" name="NewPass"></td>
    </tr>
    <tr>
        <td><input type="submit" value="提交"></td>
    </tr>
</table>
</form>

后台部分代码传递返回值的代码为

 PrintWriter out = response.getWriter();
            String sql = "select * from LoginUser where UserName = '"+username+"' and LoginPwd = '"+pasword+"'";
            PreparedStatement ps = conn.prepareStatement(sql);
            ResultSet rs = ps.executeQuery();
            if(rs.next()){
                String isExit = "update LoginUser set LoginPwd = ? where UserName = '"+username+"'";
                PreparedStatement ps2 = conn.prepareStatement(isExit);
                ps2.setString(1,changepass);
                ps2.executeUpdate();
                ps2.close();
                conn.close();
                out.println("1");
            }else{
                out.println("0");
            }

之前也试过用ajax传值,但是用ajax传值最开始的判断提示框不能显示(“密码必须写”等等)想问问应该怎么改?

  • 写回答

9条回答 默认 最新

  • qq_27292297 2018-07-07 13:30
    关注

    可以使用validator插件对表单进行校验,例如:
    $("#saveWorkExtra").validate({
    onsubmit:true,// 是否在提交是验证
    onfocusout:false,// 是否在获取焦点时验证
    onkeyup :false,// 是否在敲击键盘时验证

    rules: {
    ....
    },
    messages:{
    ....
    },
    submitHandler: function(form) { //通过之后回调
    var param = $("#saveToWorkExtra").serialize();
    $.ajax({
    url : "workExtraChange.action",
    type : "post",
    dataType : "json",
    data: param,
    success : function(result) {
    if(result=='success') {
    location.href='allRequisitionList.action';
    } else {
    var jsonObj = eval('('+result+')');
    }
    }
    });
    },
    invalidHandler: function(form, validator) { //不通过回调
    return false;
    }
    });

    评论

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘