ajax 修改密码模块(jsp页面)
利用ajax修改密码，模块是单独弹出来的，不影响原始页面，需要输入新密码后，验证两次新密码的安全强度，以及是否相同，点击确定后，如果原始密码错误，则在此模块上提示原始密码...
利用ajax 修改密码，模块是单独弹出来的，不影响原始页面，需要输入新密码后，验证两次新密码的安全强度，以及是否相同，点击确定后，如果原始密码错误，则在此模块上提示原始密码错误，如果成功后再关闭模块
尽量给出源码与相应注释，确认后，再提高悬赏 展开
尽量给出源码与相应注释，确认后，再提高悬赏 展开
6个回答
2015-12-19 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
ajax修改密码是根据一定条件进行操作的。
举例来说比如用户的老密码输入，并且校验手机号。
//1.$.ajax带json数据的异步请求
var aj = $.ajax( {
url:'passwordUpdate',// 跳转到修改密码的 action
data:{
oldpass: old,
mobile: mobileNo,
PROVINCECODE : PROVINCECODE
},
type:'post',
cache:false,
dataType:'json',
success:function(data) {
if(data.msg =="true" ){
// view("修改成功！");
alert("修改成功！");
window.location.reload();
}else{
view(data.msg);
}
},
error : function() {
// view("异常！");
alert("异常！");
}
});
举例来说比如用户的老密码输入，并且校验手机号。
//1.$.ajax带json数据的异步请求
var aj = $.ajax( {
url:'passwordUpdate',// 跳转到修改密码的 action
data:{
oldpass: old,
mobile: mobileNo,
PROVINCECODE : PROVINCECODE
},
type:'post',
cache:false,
dataType:'json',
success:function(data) {
if(data.msg =="true" ){
// view("修改成功！");
alert("修改成功！");
window.location.reload();
}else{
view(data.msg);
}
},
error : function() {
// view("异常！");
alert("异常！");
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script language="javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function() {
$("#xl_name").blur(//失去焦点
function() {
var xl_name = $("#xl_name").val();
if (xl_name == null || xl_name == "") {
$("#s1").text("* 线路名称的内容：不可以为空! ");
}
});
$("#xl_address").blur(//失去焦点
function() {
var xl_address = $("#xl_address").val();
if (xl_address == null || xl_address == "") {
$("#s2").text("* 线路地址的内容：不可以为空! ");
}
});
$("#xlinsert").click(function(){
var xl_name = $("#xl_name").val();
var xl_address = $("#xl_address").val();
$.ajax({
type:"POST",
dataType:"json",
url:"aa/xlinsert.action",
data:"xl_name="+xl_name+"&xl_address="+xl_address,
success:function(data){}
});
});
})
</script>
</head>
<body>
线路名称：<input type="text" name="xl_name" id="xl_name"/><span id="s1"></span><br>
线路地址：<input type="text" name="xl_address" id="xl_address"><span id="s2"></span><br>
<input type="submit" value="插入" id="xlinsert"/>
<a href="xlquery.jsp">查询</a>
</body>
</html>
懒得再写了。。你看看 这个大概提取一下也差不多。。希望帮得到你吧。。
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script language="javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function() {
$("#xl_name").blur(//失去焦点
function() {
var xl_name = $("#xl_name").val();
if (xl_name == null || xl_name == "") {
$("#s1").text("* 线路名称的内容：不可以为空! ");
}
});
$("#xl_address").blur(//失去焦点
function() {
var xl_address = $("#xl_address").val();
if (xl_address == null || xl_address == "") {
$("#s2").text("* 线路地址的内容：不可以为空! ");
}
});
$("#xlinsert").click(function(){
var xl_name = $("#xl_name").val();
var xl_address = $("#xl_address").val();
$.ajax({
type:"POST",
dataType:"json",
url:"aa/xlinsert.action",
data:"xl_name="+xl_name+"&xl_address="+xl_address,
success:function(data){}
});
});
})
</script>
</head>
<body>
线路名称：<input type="text" name="xl_name" id="xl_name"/><span id="s1"></span><br>
线路地址：<input type="text" name="xl_address" id="xl_address"><span id="s2"></span><br>
<input type="submit" value="插入" id="xlinsert"/>
<a href="xlquery.jsp">查询</a>
</body>
</html>
懒得再写了。。你看看 这个大概提取一下也差不多。。希望帮得到你吧。。
追问
我想要的是这种的，就是确认后如果成功则弹出成功提示，然后再次确认后，关闭这个悬浮框，但是框下面的页面不关，点击取消就是重置什么的，强弱度，我可以自己来写，就是跟别致写的差不多，异步提交，或者可以加我QQ？619649712
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<%@page contenttype="text/html charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>注册</title>
<style type="text/css">
.font_td{color: red; font-size: 15}
</style>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ps").blur(function(){
var passwordVal=$("#ps").val();
$.post(
"/blog_s2h/UserAction_queryByPassword",
"password="+passwordVal
,function(o){
if(o.flag=="Y"){
$("#flag font").text("用户名已存在！").addClass("font_td");
}else{
$("#flag font").text("用户名可用！").addClass("font_td");
}
}
,"json"
);
});
});//jquery的知识
</script>
</head>
<body>
<input type="password" name="password" id="ps"/>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>注册</title>
<style type="text/css">
.font_td{color: red; font-size: 15}
</style>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ps").blur(function(){
var passwordVal=$("#ps").val();
$.post(
"/blog_s2h/UserAction_queryByPassword",
"password="+passwordVal
,function(o){
if(o.flag=="Y"){
$("#flag font").text("用户名已存在！").addClass("font_td");
}else{
$("#flag font").text("用户名可用！").addClass("font_td");
}
}
,"json"
);
});
});//jquery的知识
</script>
</head>
<body>
<input type="password" name="password" id="ps"/>
</body>
</html>
追问
我想要的是这种的，就是确认后如果成功则弹出成功提示，然后再次确认后，关闭这个悬浮框，但是框下面的页面不关，点击取消就是重置什么的，强弱度，我可以自己来写，就是跟别致写的差不多，异步提交，或者可以加我QQ？619649712
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ajax异步请求，返回object对象对object对象进行处理就可以了。
你去百度搜索：关键词：“ajax异步请求”或者“ajax异步提交”。
你去百度搜索：关键词：“ajax异步请求”或者“ajax异步提交”。
追问
我想要的是这种的，就是确认后如果成功则弹出成功提示，然后再次确认后，关闭这个悬浮框，但是框下面的页面不关，点击取消就是重置什么的，强弱度，我可以自己来写，就是跟别致写的差不多，异步提交，或者可以加我QQ？619649712
追答
ajax控制了数据的流向，至于你说的这些效果之类的就需要前台写JS代码的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
再弹出的dialog中的确认按钮添加ajax事件或者在输入框失去焦点的时候进行ajax验证。然后确认的时候关闭当前dialog 传返回成功的值给父页面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
