网站建设论文ppt,wordpress主题 怎么安装教程,网站建设甲方给乙方的需求方案,毕业设计做购物网站的要求1.验证旧密码
步骤很简单#xff0c;从Session中取到当前密码#xff0c;和修改密码界面得到的旧密码对比#xff0c;判断是否相等。
特别之处在于实现用到了Ajax#xff0c;可以不刷新整个页面的情况下与Web服务器进行通信。 2.Ajax
Ajax#xff08;Asynchronous Java…1.验证旧密码
步骤很简单从Session中取到当前密码和修改密码界面得到的旧密码对比判断是否相等。
特别之处在于实现用到了Ajax可以不刷新整个页面的情况下与Web服务器进行通信。 2.Ajax
AjaxAsynchronous JavaScript and XML是一种用于在Web应用程序中创建交互式用户界面和实现异步数据交换的技术。它使用JavaScript编写的代码在不刷新整个页面的情况下与Web服务器进行通信从而实现动态加载内容和更新页面。
用法 3.JSON
在使用Ajax的时候我们看到了数据类型是json所以来了解一下jason。
JSONJavaScript Object Notation是一种轻量级的数据交换格式它使用易于读写的文本格式来表示数据通常用于在客户端和服务器之间传递数据。JSON格式基于JavaScript语言的一个子集但它可以由很多不同的编程语言解析和生成。
JSON格式由键值对组成其中键是字符串值可以是字符串、数字、布尔值、数组、对象或null。例如下面是一个简单的JSON对象 { name: John, age: 30, city: New York }
JSON格式具有很多优点例如易于读写、易于解析、轻量级、可读性好等。
JSON已成为Web应用程序中传递数据的常用格式例如在AJAX请求中传递数据或者在RESTful API中返回数据。 4.代码实现
上面说到了在AJAX请求中传递数据或者在RESTful API中返回数据。
所以我们的实现也是一样的先是js代码
var oldpassword null;
var newpassword null;
var rnewpassword null;
var saveBtn null;$(function(){oldpassword $(#oldpassword);newpassword $(#newpassword);rnewpassword $(#rnewpassword);saveBtn $(#save);oldpassword.next().html(*);newpassword.next().html(*);rnewpassword.next().html(*);oldpassword.on(blur,function(){$.ajax({type:GET,url:path/jsp/user.do,data:{method:pwdmodify,oldpassword:oldpassword.val()}, //Ajax传递的参数//path/jsp/user.do?methodpwdmodifyoldpasswordoldpassword.val();dataType:json, //主流开发都是用JSON实现前后端交互success:function(data){if(data.result true){//旧密码正确validateTip(oldpassword.next(),{color:green},imgYes,true);}else if(data.result false){//旧密码输入不正确validateTip(oldpassword.next(),{color:red},imgNo 原密码输入不正确,false);}else if(data.result sessionerror){//当前用户session过期请重新登录validateTip(oldpassword.next(),{color:red},imgNo 当前用户session过期请重新登录,false);}else if(data.result error){//旧密码输入为空validateTip(oldpassword.next(),{color:red},imgNo 请输入旧密码,false);}},error:function(data){//请求出错validateTip(oldpassword.next(),{color:red},imgNo 请求错误,false);}});}).on(focus,function(){validateTip(oldpassword.next(),{color:#666666},* 请输入原密码,false);});newpassword.on(focus,function(){validateTip(newpassword.next(),{color:#666666},* 密码长度必须是大于6小于20,false);}).on(blur,function(){if(newpassword.val() ! null newpassword.val().length 6 newpassword.val().length 20 ){validateTip(newpassword.next(),{color:green},imgYes,true);}else{validateTip(newpassword.next(),{color:red},imgNo 密码输入不符合规范请重新输入,false);}});rnewpassword.on(focus,function(){validateTip(rnewpassword.next(),{color:#666666},* 请输入与上面一致的密码,false);}).on(blur,function(){if(rnewpassword.val() ! null rnewpassword.val().length 5 rnewpassword.val().length 20 newpassword.val() rnewpassword.val()){validateTip(rnewpassword.next(),{color:green},imgYes,true);}else{validateTip(rnewpassword.next(),{color:red},imgNo 两次密码输入不一致请重新输入,false);}});saveBtn.on(click,function(){oldpassword.blur();newpassword.blur();rnewpassword.blur();if(oldpassword.attr(validateStatus) truenewpassword.attr(validateStatus) truernewpassword.attr(validateStatus) true){if(confirm(确定要修改密码)){$(#userForm).submit();}}});
}
);
再是servlet代码
package com.code.servlet.user;import com.alibaba.fastjson.JSONArray;
import com.code.pojo.User;
import com.code.service.user.UserService;
import com.code.service.user.UserServiceImpl;
import com.code.util.Constants;
import com.mysql.cj.util.StringUtils;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;public class UserServlet extends HttpServlet {Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String method req.getParameter(method);if (method.equals(savePwd)) {updatePwd(req, resp);}else if (method.equals(pwdmodify)) {modifyPwd(req, resp);}}Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet(req, resp);}private void updatePwd(HttpServletRequest req, HttpServletResponse resp){Object object req.getSession().getAttribute(Constants.USER_SESSION);String newPwd req.getParameter(newpassword);if(object!null !StringUtils.isNullOrEmpty(newPwd)){UserService userService new UserServiceImpl();boolean res userService.updatePwd(((User)object).getId(), newPwd);if(res){req.setAttribute(Constants.MESSAGE, 更新密码成功请成功登录);req.removeAttribute(Constants.USER_SESSION);}else{req.setAttribute(Constants.MESSAGE, 更新密码失败);}}else {req.setAttribute(Constants.MESSAGE, 新密码异常);}try {req.getRequestDispatcher(pwdmodify.jsp).forward(req, resp);} catch (ServletException e) {throw new RuntimeException(e);} catch (IOException e) {throw new RuntimeException(e);}}private void modifyPwd(HttpServletRequest req, HttpServletResponse resp){Object o req.getSession().getAttribute(Constants.USER_SESSION);String oldPwd req.getParameter(oldpassword);MapString, String resultMap new HashMapString, String();if(onull){resultMap.put(result, sessionerror);} else if (StringUtils.isNullOrEmpty(oldPwd)) {resultMap.put(result, error);} else {String pwd ((User)(o)).getUserPassword();if(oldPwd.equals(pwd)){resultMap.put(result, true);}else{resultMap.put(result, false);}}try {resp.setContentType(application/jason);PrintWriter writer resp.getWriter();writer.write(JSONArray.toJSONString(resultMap));writer.flush();writer.close();} catch (IOException e) {e.printStackTrace();}}
}
