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

视频介绍struts2+jQuery+xml之间的信息交互

 
阅读更多
版权:JavaIT学习室
作者:刘阳
转载此文章,请标明:http://www.javait.org

为大家介绍一下struts2+jQuery+xml之间的信息交互。最主要明白jQuery如何解析xml格式的数据,struts2如何返回xml文件。

1、struts2返回xml文件,我们可以利用response.setContentType(“text/xml”)这种形式来返回一个xml文件。这个原理和Servlet返回xml文件一样。但是如要注意一点,业务方法必须返回一个null

创建一个struts2的XMLAction源代码
package com.gxa.edu.action;
 
import java.io.IOException;
import java.io.PrintWriter;
 
import javax.servlet.http.HttpServletResponse;
 
import org.apache.struts2.ServletActionContext;
 
/**
 * 利用Struts2的Action返回XML文件
 * @author 刘阳
 * @version www.javait.org
 */
public class XMLAction {
 
	/**
	 * 处理业务逻辑的方法返回一个NULL字符串
	 * @return
	 * @throws IOException 
	 */
	public String method_1() throws IOException {
		String str = "<student>";
		str += "<sno>s001</sno>";
		str += "<sname>张三</sname>";
		str += "<ssex>男</ssex>";
		str += "<sage>23</sage>";
		str += "</student>";
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/xml");
		PrintWriter out = response.getWriter();
		out.println(str);
		return null;
	}
}


配置文件信息如下:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
 
<struts>
	<package name="basic" extends="struts-default" namespace="/basic">
		<action name="xml" class="com.gxa.edu.action.XMLAction" method="method_1">
		</action>
	</package>
</struts>


2、jsp页面中的jQuery解析xml格式数据,利用jQuery中的find()、children()来解析xml格式的数据
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
 
    <title>Struts2返回xml格式数据之一</title>
 
	<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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="/hos-1/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#btn1").click(function () {
				$("#res").empty(); //清空div下面的所有元素
				var v = $("#sname").val();
				$.get("/hos-1/basic/xml.action",{param:v},function(data,textStatus) {
					var str = "<table border=\"1\">";
					str += "<tr>";
					str += "<td>学号</td>";
					str += "<td>姓名</td>";
					str += "<td>年龄</td>";
					str += "<td>性别</td>";
					str += "</tr>";
					$(data).find("student").each(function(i) { //find()方法是查找所匹配的后代元素
						var sno = $(this).children("sno").text(); //children取出元素集合中每一个元素的所有子元素的元素
						var sname = $(this).children("sname").text();
						var sage = $(this).children("sage").text();
						var ssex = $(this).children("ssex").text();
						str += "<tr>";
						str += "<td>"+ sno +"</td>";
						str += "<td>"+ sname +"</td>";
						str += "<td>"+ sage +"</td>";
						str += "<td>"+ ssex +"</td>";
						str += "</tr>";
					});
					str += "</table>";
					$("#res").append(str);
				});
			});
		});
	</script>
 
  </head>
 
  <body>
    <h2>jQuery中Get方法应用</h2>
    <input type="text" id="sname"><input type="button" value="查询" id="btn1">
    <div id="res"></div>
  </body>
</html>


参考视频:


可能你还喜欢的文章:
1、如何解决Struts2 if标签比较字符串的问题

转载此文章,请标明:http://www.javait.org
0
4
分享到:
评论

相关推荐

    struts2+ajax+jquery

    在这个"struts2+ajax+jquery"的主题中,我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先,Struts2作为MVC框架,它的核心是Action,它负责处理用户的请求,并通过配置的Result返回...

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

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

    Struts2+Jquery+Ajax

    总的来说,Struts2+Jquery+Ajax的组合使得开发者能够构建出交互性强、响应速度快的Web应用。通过理解MVC模式、熟练掌握Struts2的配置和Action处理、灵活运用Jquery和Ajax,可以大大提高开发效率,提升用户使用体验。...

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

    Struts2作为MVC框架,主要用于处理后端业务逻辑,而jQuery则是一个强大的JavaScript库,简化了前端DOM操作、事件处理以及AJAX交互。在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势...

    Struts2+jquery

    Struts2和jQuery是两种...通过学习"JqueryTest"中的代码,初学者可以掌握如何利用jQuery进行前端交互,同时利用Struts2处理后端逻辑。这将有助于提升开发者的Web开发技能,为构建高效、响应式的Web应用打下坚实的基础。

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

    Struts2、JSON和JQuery是Web开发中的三个关键技术,它们常常被结合使用来构建高效、动态的用户界面。在本教程中,我们将探讨如何利用这些技术实现一个简单的验证功能。 首先,Struts2是一个基于MVC(Model-View-...

    struts2+jquery+json+ajax例子

    Struts2、jQuery、JSON和Ajax是Web开发中常见的技术栈,它们共同为构建动态、交互式的用户界面提供了强大的支持。下面将详细解释这些技术及其在登录示例中的应用。 Struts2是一个基于MVC(Model-View-Controller)...

    struts2+JQuery完整集成lib包

    Struts2是一个强大的MVC框架,它简化了基于Java的企业级应用程序开发,而jQuery则是一个高效、简洁的JavaScript库,极大地简化了网页动态交互和动画效果的实现。当两者结合使用时,能够创建出功能丰富的、具有优秀...

    购物车(struts2+jquery)

    【购物车(struts2+jquery)】是一个典型的Web应用程序示例,主要展示了如何使用Struts2框架与jQuery库来实现动态、交互式的购物车功能。这个项目特别适合那些想要学习或加深对AJAX技术理解的开发者。接下来,我们将...

    struts2+spring+hibernate+jquery+json

    Struts2负责处理HTTP请求并调用业务逻辑,Spring提供依赖管理和数据访问支持,Hibernate作为持久化层与数据库交互,jQuery则用于优化前端用户体验,而JSON用于在前后端之间高效地传输数据。 在给出的文件列表中,`...

    Struts2+Jquery+Mysql+20120925

    在"Struts2+Jquery+Mysql+20120925"的项目中,我们可以看到这是一个使用上述技术栈构建的系统,可能是一个管理信息系统或者在线服务平台。MySQL是广泛使用的开源关系型数据库管理系统,能够处理大量的数据并提供高效...

    struts2+jquery+ajax文件异步上传

    总的来说,"struts2+jquery+ajax文件异步上传"是一个结合了后端处理和前端交互的文件上传解决方案,提供了良好的用户体验和灵活性。通过MyEclipse这样的集成开发环境,开发者可以方便地构建、调试和部署这样的项目。

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

    总的来说,这个简单的Struts2 + jQuery的Ajax例子展示了如何利用这两者进行动态数据交互。通过这样的集成,开发者可以构建出更加互动和高效的Web应用,提升用户体验。在实际开发中,还可以进一步探索Struts2的拦截器...

    struts2+jquery无刷新取后台数据

    在这里,"struts2+jquery无刷新取后台数据"的实现主要是利用Ajax技术,结合Struts2的Action和Result,实现在用户界面上的无刷新交互。 首先,登录功能是Web应用的基础。在Struts2中,我们可以创建一个登录Action类...

    struts2+jquery多文件上传显示进度条,可直接运行(非常强大)

    总的来说,这个项目提供了一个实用的多文件上传解决方案,结合了Struts2的强大后端处理和jQuery的前端交互能力,同时通过进度条提升了用户体验。对于学习和实践Web开发,特别是文件上传功能,这是一个很好的案例。

    struts2 + jquery +ajax 登录验证

    Struts2、jQuery和Ajax是Web开发中的三大关键技术,它们结合使用可以构建高效、动态且用户友好的登录验证系统。以下是对这些技术及其在登录验证中的应用的详细说明。 Struts2是一个基于MVC(Model-View-Controller...

    struts2+jquery+ajax实现头像上传切割图片

    总结来说,"Struts2+jQuery+Ajax实现头像上传切割图片"是一个典型的前后端交互示例,涉及到文件上传、图片处理、异步通信等多个环节。理解并掌握这些技术,能够帮助开发者构建出更加高效、用户友好的Web应用。

    网页聊天(struts2+jquery)

    此外,项目还包含了必要的jar包,这些可能是Struts2框架的核心库、jQuery库以及其他可能的依赖,例如JSON处理库,因为聊天数据通常以JSON格式在前后端之间传递。在MyEclipse环境中,这些库文件帮助开发者快速构建和...

    struts2+spring+ibatis+mysql

    在"Struts2+Spring+Ibatis+MySQL"的架构中,MySQL作为数据存储后端,与Ibatis配合,处理应用程序的数据交互。 5. **AOP日志管理与异常捕获**:在Spring框架中,可以利用AOP实现全局的日志管理和异常捕获。通过定义...

    struts2 + jquery uploadfiy

    Struts2和jQuery Uploadify是两个在Web开发中常见的组件,它们主要用于实现用户界面的文件上传功能。在本文中,我们将深入探讨这两个组件的工作原理、如何集成以及它们在实际项目中的应用。 首先,Struts2是一款...

Global site tag (gtag.js) - Google Analytics