`

使用jQuery ajax + Struts 一个登陆的例子.

StrutsjQueryAjaxMyeclipseApache 
阅读更多

下面是一个Jsp页面的代码:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript" src="/jQuery/jQuery/jquery-1.2.6.pack.js"></script>
<%
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>
    <script type="text/javascript">
   
    /*** 
    jQuery(function(){
		$("#user_name").blur(function(){
			var name= $.trim($("#user_name").val());
			$.ajax({
				url:"/jQuery/myServlet",
				data:{username:name},
				cache:false,
				success:function(data){
					if(data=="true"){
						alert("姓名可以使用!");
					}else{
						alert("姓名不能使用!");
					}	
				}
			})
		})
	});	
***/
	
	//提交;
	function checkSubmit(){
		var bol = true;
		var username = $.trim($("#user_name").val());
		var password = $.trim($("#password").val());
		if(username==null || username==""){
			$("#userDivId").show();
			$("#userDivId").html("用户名不能为空!");
			$("#msgDIVID").hide();
			$("#user_name").focus();
			bol= false;
		}else{
			$("#userDivId").hide();
		}
		
		if(password==null || password==""){
			$("#passDivId").show();
			$("#passDivId").html("密码不能为空!");
			$("#msgDIVID").hide();
			$("#password").focus();
			bol=false;
			
		}else{
			$("#passDivId").hide();
		}
		if(bol!=false){
			$.ajax({
				url:"/jQuery/login.do?p=loginCheck",
				data:{uname:username,upass:password},
				success:function(data){
					if(data=="1"){
						$("#msgDIVID").show();
						$("#msgDIVID").html("恭喜您,登录成功!");
					}else if(data=="2"){
						$("#msgDIVID").show();	
						$("#msgDIVID").html("抱歉,由于你的账号或密码登录失败!");
					}
				}
			});
		}
	}
    </script>
  </head>
  
  <body >
  		<form name="myform">
  		<table>
  		<tr>
  			<td>UserName:</td>
  			<td><input type="text" id="user_name"></td>
  			<td><div id="userDivId" style="border: 0px solid red;width:200px;height:10px;color: red"></div></td>
  		</tr>
  		
  		<tr>
  			<td>PassWord:</td>
  			<td><input type="password" id="password" size="22" name="password" /></td>
  			<td><div id="passDivId" style="border: 0px solid red;width:200px;height:10px;color: red;"></div></td>
  		</tr>
    	
    	<tr>
    		<Td><input type="reset"/ value="重置"></Td>
    		<Td><button name="btnSubmit" onclick="checkSubmit()">提交</button></Td>
    	</tr>
    	
    	</table>
    	
    	<Br>
    	<!-- 显示登陆信息的div层. -->
    	<div id="msgDIVID" style="border:0px solid blue;color: blue;width:400px;height:30;font-weight: bold;font-size: 20px"></div>
    	</form>
  </body>
</html>

 

 

 

下面一个是Struts Action里面的代码:

/*
 * Generated by MyEclipse Struts
 * Template path: templates/java/JavaClass.vtl
 */
package pack.java.demo.struts.action;

import java.io.IOException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;

/** 
 * MyEclipse Struts
 * Creation date: 11-04-2010
 * 
 * XDoclet definition:
 * @struts.action parameter="p" validate="true"
 */
public class LoginAction extends DispatchAction {
	/**
	 * 分发Action;验证登陆方法;
	 * @param mapping
	 * @param form
	 * @param request
	 * @param response
	 * @return
	 */
	public ActionForward loginCheck(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		
		//根据用户名请求;
		String username=request.getParameter("uname");
		//根据密码请求;
		String password=request.getParameter("upass");
		//因为没有连接数据库,就直接用用户名和密码;
		if(username.equals("zhouhaitao") && password.equals("123456")){
			try {
				response.getWriter().print("1");
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}else{
			try {
				response.getWriter().print("2");
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		return null;
	}
}

 

分享到：
| 使用jQuery ajax 验证表单的例子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery + struts1 + ajax学习例子

    总的来说，"jquery + struts1 + ajax学习例子"是一个很好的教学资源，它涵盖了前端交互、后台处理和异步通信的关键技术。通过深入研究这个例子，开发者可以更熟练地掌握这些技能，并将其应用于实际项目中，提升Web...

    jquery ajax +struts1.3

    以下是一个简单的例子： ```javascript $.ajax({ url: 'myAction.do', // 对应Struts的Action路径 type: 'POST', data: { method: 'doSomething', param1: 'value1' }, dataType: 'json', // 预期服务器返回的...

    jquery ajax json struts2最简单例子测试成功

    在这个项目中，可能包含了一个使用jQuery的HTML页面，用于发起AJAX请求。 4. **src目录**：这是源代码目录，通常包含Java代码和其他源文件。在这个项目中，可能有Struts2的Action类和相关的Java代码。 5. **....

    struts+jquery+json+ajax.pdf

    jQuery 是一个 JavaScript 库，它简化了 JavaScript 的使用，提供了丰富的选择器、事件处理、动画效果以及与 AJAX 的交互等功能。在例子中，jQuery 被用来发送 AJAX 请求，处理页面元素，如表单提交，以及响应服务器...

    struts2+ajax+jquery

    此外，Struts2还提供了一个名为`struts2-jquery-plugin`的扩展，它封装了与jQuery的集成，简化了Ajax请求的创建。比如，使用`sj:submit`标签可以直接触发Ajax提交： ```jsp &lt;%@ taglib prefix="sj" uri="/struts/...

    struts2+jquery+json+ajax例子

    总结起来，"struts2+jquery+json+ajax"的例子展示了如何利用这些技术协同工作，实现一个无刷新的登录界面，提供流畅的用户体验。通过Struts2处理业务逻辑和数据验证，jQuery和Ajax负责前后端的通信，JSON作为数据...

    struts2+jquery+ajax

    struts2+jquery+ajax实现验证功能

    struts2+jquery+ajax+servlet

    在提供的示例中，“struts2Ajax”可能包含了两个项目，一个使用jQuery、Ajax和Servlet，另一个引入了Struts2。这两个例子可以帮助初学者理解如何在实际开发中整合这些技术。 对于“jQuery+Ajax+Servlet”的示例，...

    json + struts2 + 80个JQuery 效果 个例子

    80个JQuery效果是这个压缩包中的核心内容，jQuery是一个高效、简洁、易用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。这80个例子可能涵盖了常见的网页动态效果，如滑动、...

    使用Jquery，Ajax+Struts+Spring+Ibatis写的一个无限级树，供大家参考一下

    本示例是基于jQuery、Ajax、Struts、Spring和iBatis这五个核心技术实现的一个无限级树的案例。下面我们将深入探讨这些技术及其在无限级树中的应用。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历...

    Struts+Jquery+Ajax+Json应用实例

    **jQuery**：jQuery是一个轻量级的JavaScript库，它简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的出现极大地提高了前端开发的效率，使得开发者能够快速响应用户操作，实现丰富的用户界面效果...

    使用struts2+JQuery实现的简单的ajax例子

    Struts2有一个插件叫做struts2-jquery-plugin，它可以简化Ajax请求的处理。例如，我们可以使用`sj:a`标签来替代手写jQuery代码，直接在JSP页面上发起Ajax请求。这个标签会自动处理请求和响应，使得页面与服务器之间...

    Struts2 JQueryJson例子 .rar

    这个"Struts2 JQueryJson例子 .rar"压缩包很可能是包含了一个实际的项目实例，演示了如何在Struts2框架中利用JQuery和JSON进行数据交互。下面将详细讲解Struts2、JQuery和JSON的相关知识点： 1. **Struts2框架**： ...

    省市联动jquery+struts2

    标题中的“省市联动jQuery+Struts2”是指在Web开发中使用jQuery库和Struts2框架实现的一个功能，即当用户选择一个省份时，相关的城市会动态地在下拉列表中加载出来，提供用户选择。这个功能在很多需要收集用户地址...

    jquery+struts2实现文件上传

    jQuery是一个轻量级的JavaScript库，提供了丰富的交互效果和API，而Struts2是Java企业级开发中广泛使用的MVC框架，它提供了一套完善的文件上传机制。 首先，我们需要确保在项目中引入了Struts2的核心库。根据描述，...

    jquery+struts2+upload

    这篇文章将详细解析这三个技术的结合使用，以"jquery+struts2+upload"为例，探讨如何构建一个基于jQuery的Struts2文件上传系统。 首先，jQuery是一个高效、简洁的JavaScript库，它极大地简化了DOM操作、事件处理、...

    Struts2之ajax初析的并结合jquery一个例子

    Struts2之ajax初析的并结合jquery一个例子 Web2.0的随波逐流，Ajax那是大放异彩，Struts2框架自己整合了对Ajax的原生支持（struts 2.1.7+，之前的版本可以通过插件实现），框架的整合只是使得JSON的创建变得异常简单...

    Ajax+Struts使用Json数据心得

    在Action类中，定义一个返回JSON数据的方法，并使用注解`@Result(type="json")`来指示该方法的返回结果应被转换成JSON格式。例如： ```java public class MyAction extends ActionSupport { // ... @Action...

    Struts2+jQuery+ajax+mySql实现省市二级联动

    开发者需要创建一个Action类，这个类会处理来自jQuery的ajax请求，获取省份数据，以及根据省份查询城市数据。 jQuery是一款轻量级的JavaScript库，它简化了DOM操作、事件处理和Ajax交互。在省市联动中，我们通常会...

    struts2+spring4+mybatis3，登录jquery ajax，struts拦截器，springAOP的例子

    4. **jQuery AJAX**：这是一个JavaScript库，用于简化DOM操作、事件处理和AJAX交互。在这个登录示例中，jQuery的AJAX功能被用来实现无刷新登录，用户提交表单后，数据通过AJAX发送到服务器，无需刷新整个页面，提高...

Magicbox
Global site tag (gtag.js) - Google Analytics