csdn_yzm 2016-08-01 09:28 采纳率: 0%
浏览 1895

ajax的异步提交到action，成功插入数据库在页面返回结果

jsp代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



注册
<br><br> function checkUserName(obj){<br><br> var username = obj;<br><br> var checkUserNameResult = document.getElementById(&quot;checkUserNameResult&quot;);<br><br> if(username.trim().length==0){<br><br> checkUserNameResult.innerHTML = &quot;*用户名不能为空&quot;;<br><br> obj.focus();<br><br> }else{<br><br> checkUserNameResult.innerHTML = &quot;&quot;;<br><br> }<br><br> }<br><br>
<br><br> function checkPassword(obj){<br><br> var password = obj;<br><br> var checkPasswordResult = document.getElementById(&quot;checkPasswordResult&quot;);<br><br> if(password.trim().length==0){<br><br> checkPasswordResult.innerHTML = &quot;*密码不能为空&quot;;<br><br> obj.focus();<br><br> }else{<br><br> checkPasswordResult.innerHTML = &quot;&quot;;<br><br> }<br><br> }<br><br>

<br><br> function checkrePassword(obj){<br><br> var repassword = obj;<br><br> var checkrePasswordResult = document.getElementById(&quot;checkrePasswordResult&quot;);<br><br> if(repassword.trim().length==0){<br><br> checkrePasswordResult.innerHTML = &quot;*确认密码不能为空&quot;;<br><br> obj.focus();<br><br> }else{<br><br> checkrePasswordResult.innerHTML = &quot;&quot;;<br><br> }<br><br> }<br><br> 
</head>

<body>
    <h1>用户注册</h1>
    <form>
    <div>
    账&nbsp;&nbsp;号：<input type="text" name="username"  onblur="checkUserName(this.value);"/>
                        <span  id="checkUserNameResult" style="color: red "></span>
                        <br/><br/>
    密&nbsp;&nbsp;码：<input type="password" name="password" id="pwd1" onblur="checkPassword(this.value);"/>
                        <span id="checkPasswordResult" style="color: red "></span>
                        <br/><br/>
    确认密码：<input type="password" name="repassword" id="pwd2" onblur="checkrePassword(this.value);"/>
                        <span id="checkrePasswordResult" style="color: red "></span>
                        <br/><br/>
    性&nbsp;&nbsp;别：<input type="radio" name="sex" value="man" checked="checked" />男
                        <input type="radio" name="sex" value="woman"  />女
    <br/><br/>
    爱&nbsp;&nbsp;好：<input type="checkbox" name="hobby" value="sport"/>运动
                        <input type="checkbox" name="hobby" value="sport"/>上网
                        <input type="checkbox" name="hobby" value="sport"/>看书
                        <input type="checkbox" name="hobby" value="sport"/>听歌
                        <input type="checkbox" name="hobby" value="sport"/>睡觉
    <br/><br/>
    年&nbsp;&nbsp;龄：<input type="text" name="age" /><br/><br/>
    出生日期：<input type="text"/><br/><br/>
    备&nbsp;&nbsp;注：<textarea name="word" cols=50 rows=10></textarea><br/><br/>    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="注册" onclick="return checkpasswd()"/>&nbsp;&nbsp;
    <input type="reset" />
    </div>
    </form>
</body>
</html>

ajax和action如何写啊，才开始学习web，求大神教教

  • 写回答

1条回答 默认 最新

  • GreenRookie 2016-08-01 09:49
    关注

    <---form id="from1"><-/form>//form定义一个id
    <--input type="button" value="注册" onclick="checkpasswd()"/->//请求type用button
    function checkpasswd(){
    $("#from1").ajaxSubmit({
    url:ulr，//你的请求地址
    type:"post",//你的请求类型
    dataType:"json"，
    data：{}，
    success:function(result){
    if(result.status){
    //成功
    alert(resylt.msg);
    }else{
    //失败
    alert(resylt.msg);
    }
    }
    });
    }
    后台action返回方式
    Map map=new HashMap();
    String msg="成功";
    boolean status=true;
    map.put("msg",msg);
    map.put("status",status);
    //map转换成json
    response.getWriter().write(JSONObject.fromObject(map).toString);

    评论

报告相同问题？

悬赏问题

  • ¥15 为什么我按照电路图做出的仿真和实物都不能使用
  • ¥15 mars2d在vue3中的引入问题
  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面
  • ¥15 算法题：数的划分，用记忆化DFS做WA求调
  • ¥15 chatglm-6b应用到django项目中，模型加载失败
  • ¥15 CreateBitmapFromWicBitmap内存释放问题。
  • ¥30 win c++ socket
  • ¥15 C# datagridview 栏位进度
  • ¥15 vue3页面el-table页面数据过多
  • ¥100 vue3中融入gRPC-web