登录页面ajax提交

一：

jsp登录页面：

<body><h1 align="center">用户登录</h1><div align="center" style="font-size: 20px;"><form id="loginForm" name="loginForm" action="${pageContext.request.contextPath}/user/login" method="post"><table  align="center"><tr><td>用户名：</td><td colspan="2"><input type="text" name="username" id="username" /></td></tr><tr><td>密  码：</td><td colspan="2"><input type="password" name="password" id="password" /></td></tr><td colspan="3" align="center"><input id="login_submit_button" type="button" value="登录"  οnclick="loginSubmit(this.form);" /></td></tr></table></form></div></body>

二，js写法：

<head><title>用户登录</title><script src="${pageContext.request.contextPath}/js/jquery-1.4.min.js" type="text/javascript"></script></head><script type="text/javascript">function loginSubmit(form) {$.ajax( {type : "POST",url : "${pageContext.request.contextPath}/user/login",data : $("#loginForm").serialize(),success : function(msg) {if ((msg == "true")) {alert("登录成功。");window.location.href = "${pageContext.request.contextPath}/add_user";} else {if(msg=="false"){alert("登录失败。");}}}});   }</script>

登录页面ajax提交相关推荐

js登录特效+ajax提交表单+异步刷新验证
今天成功测试一种js登录特效+ajax提交表单+异步刷新验证,登录时特效提醒,无刷新ajax提交表单,获取验证结果,跳转正式页面:废话不多说,先直接分享代码: 1.主界面index.php 加载的这 ...
如何用ajax做登录页面,ajax如何制作登录页面？登录页面ajax的请求详解（附完整实例）...
本篇文章主要的讲述了关于ajax登录页面时ajax请求的内容,现在我们一起来看看这篇文章吧登录页面ajax请求一.登录验证提示信息//提交登录信息sub.on('click',function(e ...
用php mui ajax注册登录页面,ajax实现简单登录页面
本文实例为大家分享了ajax实现简单登录页面的具体代码,供大家参考,具体内容如下一.什么是ajax Ajax是一种无需重新加载整个网页,能够更新部分网页的技术. 二.ajax的工作原理 Ajax工作 ...
ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据
摘要:最近在写网站,好不容易弄好了需求又变了,没错企业的门户网站硬要弄成后台管理系统一样,没办法作为小工的我只能默默的改.前台HTML页面需要提交数据到后台处理,又不能用form表单,于是乎研究了1天 ...
html页面ajax提交数据,ajax请求提交form表单
AJAX表单提交以及数据接收方式一手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务 ...
session会话拦截ajax,session过期，拦截ajax请求并跳转登录页面
1.方法一 :1.1使用filter 和ajaxsetup 对ajax进行拦截并跳转登录页面 public void doFilter(ServletRequest request, ServletR ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
php拦截登录页面跳转页面,PHP未登录自动跳转到登录页面
PHP未登录自动跳转到登录页面下面一段代码给大家分享php未登录自动跳转到登录页面,具体代码如下所示: namespace Home\Controller; use Think\Controller ...
Ajax提交后Moedl And View不进行页面跳转的解决方案
场景前端使用ajax请求后台,返回Model And View 后不进行页面跳转. 用ajax提交是没有页面跳转的. 实现如果只是简单的页面跳转和传递单个简单参数可以使用: window.loca ...

登录页面ajax提交

登录页面ajax提交相关推荐

最新文章

热门文章