jquery ajax 登录 java_jQuery+Ajax用户登录功能的实现

最新推荐文章于 2022-12-29 10:47:50 发布

苏黎世贝勒爷

最新推荐文章于 2022-12-29 10:47:50 发布

阅读量403

点赞数

文章标签： jquery ajax 登录 java

本文链接：https://blog.csdn.net/weixin_31960565/article/details/114281070

版权

这篇博客展示了如何利用jQuery的Ajax功能实现用户登录。用户在Login.aspx页面输入用户名、密码和验证码后，数据通过Ajax post到Login.ashx处理。如果验证成功，返回1并关闭模拟窗口；验证码错误返回2，其他错误则提示登录失败。

摘要由CSDN通过智能技术生成

ok，先来贴几张张效果图。

其中大致流程是用户点击页面右上角的登录链接接着弹出div模拟窗口，该窗口通过iframe调用Login.aspx页面，用户输入用户名

密码和验证码后，Login.aspx页面的jQuery代码post到Login.ashx页面处理，Login.ashx页面可以算是简易的aspx页面吧。

当然你用LoginProcess.aspx 也是可以的。Login.ashx页面处理完把结果返回给Login.aspx页面处理，result变量用与接收结果。

如果返回1表示登录成功，则关闭模拟窗口。

主页面调用代码片段：

$('#').click(

function(){

jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录

','width=400,height=250,center=true,draggable=true,model=true');

} );

学号：	maxlength="9" οnblur="checkUserName()" οnclick="$.trim(this.value)"/>
密码：	οnblur="checkUserPwd()" οnclick="$.trim(this.value)" />
验证码：	id="txtCheckCode" οnblur="checkCheckCode()" οnclick="$.trim(this.value)"/>
	输入下图中的字符

关注