`
mamaoyuan625
  • 浏览: 177246 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery、Ajax、struts的集成

阅读更多

 本人在网上使劲的搜索关于Ajax与jquery的集成,始终很难找到一个完整的而且简单的集成方案,而且关于json对象数组,怎样封装,怎样解析,找到的都不尽人意。

在做集成之前要导入的jar包可以在随后下载:

首先见一个web的工程,添加struts的功能,我相信这个不用做演示吧!如果什么是struts你还不知道的话,就只有用servlet了,也可以实现,这里就不做演示了

编写一个页面 index.jsp

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>jquery ajax</title>
		<link rel="stylesheet" type="text/css" media="screen"
			href="screen.css" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script src="jquery.js" type="text/javascript"></script>
		<script src="json.js" type="text/javascript"></script>
		<script language="javascript">
	$(document).ready(function() {
		$("#bt").click( function() {
					
				
				//$.post("send.do?method=query",
						{"account":$("#account").val()},
						//function(data) {					
						//})
这是post请求
下边是ajax请求
						
		$.ajax({
			 type:"post",
		                url:"send.do?method=query2",
		                data: "account="+$("#account").val(),//{"account":$("#account").val()},
		           
		             success:function(data){
		        	   var ul = eval('('+data+')');
		         
		如果传回来的是一个对象数组,当然是json格式的,就可以循环输出。
		      for(var i =0;i<ul.length;i++){
		      	alert(ul[i].name);
		      }	 
//如果是一个对象 那就更简单了  直接ul.name;就可以了      	             
	         }
	           });	
						
			
		});
	});
</script>
	</head>

	<body>
		<h3 align="center">
			jquery Ajax
		</h3>
		<hr>
		<label>
			请输入用户名 :
		</label>
		<input id="account" name="account" type="text">
		<input id="bt" name="bt" type="button" value="检测">
		
		<div class="hint">
		</div>
		<p></p>
	</body>
</html>

 

 这是页面的内容,只要稍微理解jquery的就能看懂,还有要导入<script src="jquery.js" type="text/javascript"></script> 这个必须导入
  如果要用到其他的方法,可能会导入jquery的其他插件

现在关键的是Action中的写法:

本人采用的是DispatchAction

public ActionForward query2(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out = response.getWriter();
//定义一个User类(失血模型的类)属性只有id age name  和set和get方法
		User u1 = new User();
		u1.setId(1);
		u1.setAge(22);
		u1.setName("MMY");
		User u2 = new User();
		u2.setId(2);
		u2.setAge(90);
		u2.setName("MMM");
		userList.add(u1);
		userList.add(u2);
//如果你传到页面上的是一个实体对象,比如传一个user对象,就用JSONObject 
		JSONObject jo = JSONObject.fromObject(u1);
//如果你要反悔一个对象数组JSONArray
		JSONArray  js = new JSONArray();
		js.add(u1);
		js.add(u2);

		response.setCharacterEncoding("utf-8");
//然后out出去
//		out.println(js.toString());
		out.println(jo.toString());
		out.close();
		return null;
	}
}

 

 struts-config.xml中的配置:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
  <form-beans>
  	<form-bean name="form" type="MyForm"></form-bean>
  </form-beans>
  <action-mappings>
  	<action path="/send"
  			
  			type="com.june.servlet.MyAction"
  			scope="request"
  			parameter="method"
  		>
  				
  			</action>
  </action-mappings>
</struts-config>

 

ok,这是最简单的效果  ,目的是先快速的掌握jquery ajax  struts的集成,简单的会了,较复杂的就可以思考了

 

 

  • lib.rar (1.7 MB)
  • 下载次数: 624
分享到:
评论
4 楼 spp_1987 2010-07-08  
看不明白a 
3 楼 vip 2010-03-17  
谢谢分享,学习ing
2 楼 oolala 2010-02-05  
能不能把全部代码都发上来,没有弄出来5555.
1 楼 oolala 2010-02-05  
例子很祥细,以前没有用过jquery这下试一下,十分感谢!

相关推荐

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

    在IT行业中,jQuery、AJAX、JSON以及Struts2是四个非常重要的技术,它们在Web开发领域中扮演着核心角色。下面将详细解释这些技术及其相互间的集成。 **jQuery** 是一个快速、简洁的JavaScript库,它简化了HTML文档...

    Struts2+Jquery+Ajax

    6. Struts2与Ajax的集成,使用JQuery的$.ajax()或$.getJSON()方法 7. 请求与响应的处理,包括参数传递和数据封装 8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2...

    struts2+ajax+jquery

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

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

    本项目示例涵盖了这些框架的整合使用,以及jQuery AJAX登录、Struts拦截器和Spring AOP(面向切面编程)的应用。 1. **Struts2**:Struts2是一个基于MVC(Model-View-Controller)设计模式的Web应用框架,它简化了...

    struts2+jquery+ajax文件异步上传

    Struts2、jQuery和Ajax是Web开发中的三个关键组件,它们共同构成了文件异步上传的基础框架。这个项目是在MyEclipse环境下实现的一个简单的文件上传功能,让我们深入了解一下这些技术及其在文件上传中的应用。 首先...

    Ajax里jQuery的ajax与ssh集成

    当我们谈论Ajax与jQuery的ajax方法与SSH框架的集成时,实际上是在讨论如何在前端使用jQuery的Ajax功能与后端SSH框架进行通信,实现数据的无刷新交互。 首先,jQuery的`$.ajax()`方法是核心工具,它允许我们发起异步...

    jQuery与Struts2 在ajax 上的结合

    Struts2的Ajax插件如sj:ajax标签,使得开发者能够在JSP页面上方便地集成Ajax功能,无须编写大量的JavaScript代码。 当jQuery与Struts2结合使用时,它们能够无缝地实现Ajax通信。例如,使用jQuery的`$.ajax()`或`$....

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

    在这个简单的Ajax例子中,我们将探讨如何整合Struts2和jQuery来实现页面无刷新的数据更新。 首先,我们需要在项目中引入Struts2和jQuery的相关依赖。Struts2通常通过Maven或Gradle添加依赖库,包括核心库、struts2-...

    Struts2整合jQuery实现Ajax功能

    在Struts2项目中集成jQuery可以显著提高用户体验。下面我们将详细介绍如何在Struts2中引入jQuery,并通过一个具体的示例来演示如何利用jQuery实现Ajax功能。 ##### 3.1 引入jQuery 在项目中引入jQuery可以通过以下...

    jQuery+struts2翻页实现

    总结来说,这个项目展示了如何利用jQuery的Ajax功能与Struts2框架协同工作,实现一个动态的、无刷新的翻页功能。在前端,jQuery提供了一个直观的用户界面,而在后端,Struts2处理了数据的获取和更新。通过这样的组合...

    struts2+JQuery完整集成lib包

    3. **Struts2与jQuery的Ajax集成**:Struts2提供了内置的Ajax支持,如Struts2-jQuery插件,它扩展了Struts2框架,提供了与jQuery的无缝集成。通过使用这个插件,你可以轻松地创建Ajax化的Struts2 Action,例如使用sj...

    Jquery+Struts2笔记

    1. **Ajax请求与Struts2 Action**:jQuery的`$.ajax()`方法可以方便地发起Ajax请求,与Struts2 Action进行交互。配置Struts2的Ajax拦截器后,Action可以直接返回JSON或XML数据,供前端解析并更新DOM。 ```...

    struts2+json+jquery实现ajax数据的存取

    "Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例,它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery,以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...

    struts2+spring+ibatis+jquery ajax的登陆注册实时验证

    Struts2、Spring、iBatis和jQuery AJAX是Java Web开发中的四大核心技术,它们共同构建了一个功能强大的MVC(模型-视图-控制器)架构。本文将深入探讨这些技术在登录注册系统中的应用。 首先,Struts2是Apache基金会...

    jquery下的ajax与struts2操作数据库

    1. **商品记录删除**:当用户点击删除按钮时,jQuery可以通过AJAX调用一个Struts2的Action,传递商品ID作为参数。在Action中,我们可以使用Hibernate或JDBC等持久层技术来执行SQL删除语句,然后返回一个表示操作成功...

    jquery+struts2实现异步刷新锁需要的包

    例如,`struts2-jquery-plugin`包含了一些预定义的JSP标签,如`sj:a`(Ajax链接)、`sj:submit`(Ajax表单提交)等,使得在JSP页面上集成Ajax功能更为方便。 4. **其他依赖**:可能还需要一些额外的库,如JSON解析...

    jquery+struts2

    例如,使用jQuery发送Ajax请求到Struts2 Action,Action处理完业务后返回JSON数据,jQuery再将这些数据动态更新到页面上,实现无刷新的数据交互。这样的开发方式大大提高了开发效率和应用程序的性能。

    struts-ajax.zip_ajax struts _javascript_struts ajax_struts-aj_ti

    这个压缩包中的"struts-ajax"可能是一个示例项目,展示了如何在Struts框架中集成Ajax。"gpl.txt"和"www.pudn.com.txt"可能是关于许可协议和来源的文本文件,说明了这个项目的开源许可情况和可能的来源信息。 在学习...

    Struts 2及AJAX框架的详细介绍

    Struts 2提供了多种与AJAX集成的方式,如使用Struts2的AJAX插件,或者直接利用jQuery等库来实现AJAX请求。 在"从Struts应用开发框架转移到Struts 2 WEB框架 教程.doc"中,可能详细讲解了以下几个方面: 1. **...

    struts jquery

    同时,Struts 2的Action结果可以直接返回JSON,配合jQuery的$.ajax(),可以方便地进行JSON数据的交互。 在实际项目中,通常会有一些特定的Struts 2与jQuery的整合库,如"struts2-jquery-plugin",它提供了一系列的...

Global site tag (gtag.js) - Google Analytics