`

Struts2+JQuery+JSON应用

 
阅读更多

使用JSON需要引人下列jar包:


json-lib-2.3-jdk15.jar 
commons-beanutils-1.7.0.jar 
commons-httpclient-3.1.jar 
commons-lang-2.3.jar 
commons-logging-1.0.4.jar 
commons-collections-3.1.jar 
ezmorph-1.0.3.jar 

 

 

 

jsp文件:

 

<head>
<script type="text/javascript">
$(document).ready( function() {
		//使用 Ajax 的方式 判断登录
		$("#btn_login").click( function() {
			var url = 'ajaxLogin.action';
			//获取表单值,并以json的数据形式保存到params中
			var params = {
				loginName:$("#loginName").val(),
				password:$("#password").val(),
				aa:"测试"
			}
			//使用$.post方式	
			$.post(
				url,		//服务器要接受的url
				params,		//传递的参数		
				function cbf(data){	//服务器返回后执行的函数 参数 data保存的就是服务器发送到客户端的数据
					//alert(data);
					var member = eval("("+data+")");	//包数据解析为json 格式  
					$('#result').html("欢迎您:  "+member.name+"<br>您的密码是:"+member.password);
				}, 
			   'json'	//数据传递的类型  json
			);
		});
	});
</script>
	</head>
	<body>
		<center>
			<table>
				<tr>
					<td>
						<span>用户名:</span>
					</td>
					<td>
						<input type="text" id="loginName" name="loginName">
					</td>
				</tr>
				<tr>
					<td>
						<span>密码:</span>
					</td>
					<td>
						<input type="password" name="password" id="password">
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="button" id="btn_login" value="Login" />
					</td>
				</tr>
			</table>
			<p>
				这里显示ajax信息:
				<br />
				<span id="result"></span>
			</p>
		</center>
	</body>

 

对应的AJAXLoginAction:

 

public class AjaxLoginAction extends ActionSupport {

	// 用户Ajax返回数据
	private String result;
	// struts的属性驱动模式,自动填充页面的属性到这里
	private String loginName;
	private String password;
	
	
	//测试aa
	private String aa;
	
	public String getAa() {
		return aa;
	}


	public void setAa(String aa) {
		this.aa = aa;
	}


	public String getResult() {
		return result;
	}


	public void setResult(String result) {
		this.result = result;
	}


	public String getLoginName() {
		return loginName;
	}


	public void setLoginName(String loginName) {
		this.loginName = loginName;
	}


	public String getPassword() {
		return password;
	}


	public void setPassword(String password) {
		this.password = password;
	}


	@Override
	public String execute() {

		System.out.println("-----aa="+aa+"-----");
		// 用一个Map做例子
		Map<String, String> map = new HashMap<String, String>();

		// 为map添加一条数据,记录一下页面传过来loginName
		map.put("name", this.loginName);
		map.put("password",this.password);

		// 将要返回的map对象进行json处理
		JSONObject jo = JSONObject.fromObject(map);

		// 调用json对象的toString方法转换为字符串然后赋值给result
		this.result = jo.toString();

		// 可以测试一下result
		System.out.println(this.result);

		return SUCCESS;

	}

}
 

 

分享到:
评论

相关推荐

    Struts2+Jquery+JSON 应用例子

    Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON

    Struts2+jQuery(不用JSON)实现局部刷新

    Struts2和jQuery是两种非常流行的开源技术,它们在Web开发中有着广泛的应用。Struts2作为MVC框架,主要用于处理后端业务逻辑,而jQuery则是一个强大的JavaScript库,简化了前端DOM操作、事件处理以及AJAX交互。在这...

    Struts2 + jQuery+JSON 实现ajax

    ### Struts2 + jQuery + JSON 实现Ajax 在现代Web开发中,Ajax技术因其能够实现网页的局部刷新而被广泛采用。本篇文章介绍如何利用Struts2框架结合jQuery与JSON来构建一个简单的Ajax功能。 #### 一、环境搭建 1. ...

    struts2+spring+hibernate+jquery+json

    Struts2、Spring、Hibernate、jQuery 和 JSON 是五个在IT行业中极为重要的技术组件,它们各自在Web应用开发中扮演着不同的角色。这篇文章将详细介绍这些技术的整合使用以及它们的功能。 首先,Struts2 是一个基于 ...

    struts2+jquery+json+ajax例子

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

    struts2+jquery+json

    Struts2、jQuery和JSON是Web开发中的三个关键技术,它们在构建动态、交互式的Web应用程序时发挥着重要作用。下面将分别对这三个技术进行详细解释,并探讨它们如何协同工作。 Struts2是一个基于MVC(Model-View-...

    struts2+json

    总的来说,"struts2+json"资源涉及到了Struts2框架中的Action设计、拦截器机制、结果类型的配置,以及AJAX和JSON在Web应用中的使用。理解这些知识点对于开发动态、交互性强的Java Web应用至关重要。

    struts2+jQuery+json实现AJAX.zip

    struts2+jQuery+json实现AJAX.zip

    一个简单的struts2+json+jquery 交互的例子

    Struts2、JSON和jQuery是Web开发中常用的三个技术,它们在构建动态、交互式的Web应用程序时发挥着关键作用。这个例子将展示如何整合这三个工具,实现前后端的数据交换。 首先,Struts2是一个强大的MVC(Model-View-...

    Struts2+JSON+JQuery实现简单的验证

    这个简单的示例展示了Struts2、JSON和JQuery在实际应用中的协作方式。通过Struts2处理业务逻辑和验证,JSON作为数据交换格式,JQuery在客户端进行交互和验证,可以构建出响应快速、用户体验良好的Web应用。理解并...

    struts2+ajax+jquery

    总的来说,"struts2+ajax+jquery"的组合让开发者能够轻松地构建交互性强、响应快速的Web应用。通过Struts2处理业务逻辑和控制流程,jQuery简化前端JavaScript代码,而Ajax则实现了无刷新的数据交换,提高了用户体验...

    struts2+jquery+json 小例子

    在这个"struts2+jquery+json"的小例子中,我们可能会看到以下几个关键知识点: 1. **Struts2框架**: - **Action和Result**:Struts2的核心组件,Action负责业务逻辑处理,Result负责控制页面跳转。 - **...

    json+jquery+struts2+hibernate+spring 实现的小型bbs系统,这个提供包

    json+jquery+struts2+hibernate+spring 实现的小型bbs系统,这个提供包 ,很不错的下载后,好好徐希一下吧

    结合struts2.3.4+jQuery+mysql+json

    结合struts2.3.4+jQuery+mysql+json开发的一个小例子。

    Struts2+JQuery+Json实例

    在"Struts2+JQuery+Json实例"中,我们探讨的是如何结合这三个技术来创建动态、响应式的Web应用。以下是这个实例中的关键知识点: 1. **获取JS值**:在JQuery中,我们可以使用`val()`函数来获取表单元素的值,如...

    struts2+jQuery+json 实例 测试过了 运行成功 从别人那偷来的

    在项目中,`Struts2JQueryJson`文件夹可能包含了HTML页面、JavaScript脚本、Struts2相关的Action类、以及可能的 strut2 配置文件等资源。 总结来说,这个实例通过结合Struts2的后端控制、jQuery的前端交互和JSON的...

    Struts+Jquery+Ajax+Json应用实例

    Struts、jQuery、Ajax以及JSON是Web开发中的四个关键技术,它们在构建动态、交互式的Web应用程序中发挥着重要作用。下面将分别介绍这些技术的核心概念及其在实际应用中的结合使用。 **Struts框架**:Struts是Apache...

    Struts2+Jquery+Ajax

    "struts2 jar"文件包含了Struts2框架的核心库,可能包括struts2-core、struts2-convention、struts2-json-plugin等依赖,这些是开发Struts2应用必不可少的组件。 "Struts2"可能是项目实例代码,包括Action类、视图...

    struts2+jQuery+json 实例

    结合实例,"struts2+jQuery+json 实例"很可能是创建了一个Web应用,用户在前端通过jQuery发送AJAX请求,这些请求可能包含表单数据或者对页面的某些操作。后端Struts2框架接收到请求后,会调用相应的Action执行业务...

Global site tag (gtag.js) - Google Analytics