jQuery.Post到Struts2的action处理,并返回json对象到前端

原创 2015年07月07日 16:36:00

之前虽然一直在用jQuery.post函数,将前端页面的请求发送到struts中的action处理,但是用的是公司写好的一套东西,基本都是复制粘贴,反而对基本的post功能没有深入了解。下面简单配置说明action中接收处理post的请求。


用的是struts2,web.xml配置如下

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <filter>
  	<filter-name>struts2</filter-name>
  	<filter-class>
  		org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  	</filter-class>
  </filter>
  <filter-mapping>
  	<filter-name>struts2</filter-name>
  	<url-pattern>/*</url-pattern>
  </filter-mapping></web-app>

struts.xml中配置了一个action,配置如下

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
	<package name="com.test.action">
		<action name="logon" class="com.test.action.LogonAction">				
		</action>
	</package>

</struts>    

index.jsp发送post请求,指定返回数据格式为json。

post的URL写了两种类型:一种是直接发送到jsp中处理,另外一种是发送到action中处理

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
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>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</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">
	<script type ="text/javascript" src = "zipedJquery.js"></script><!-- jQuery-min.js -->
	
	<script type ="text/javascript">
	var jq = jQuery.noConflict();
	jq(document).ready(function(){
		jq("#btn").click(function(){	//post到jsp中处理
			var username = jq("#username").val();
			var password = jq("#password").val();
			jq.post("MyJsp.jsp",
					  {
					    "username":username,
					    "password":password
					  },
					  function(data,status){
					    alert("appTime: " + data["appTime"] );
					  },
					  "json"
					 );
					  
		});	

		jq("#btn1").click(function(){    //post到action中处理
			var username = jq("#username").val();
			var password = jq("#password").val();			
			jq.post("logon",
					{
						"method":"post"  //传递参数
					},
					function(data,status){
						alert(data);	
						var msg ="returnCode: " + data["returnCode"] +
								"&returnMsg:" + data["returnMsg"]+
								"&appTime:"+ data["appTime"];				
						alert(msg);					    
					  },
					  "json"
			);			
		});  
	});	
	</script>

  </head>
  
  <body>
    This is my JSP page. <br>

     <form action="logon" method="post"  >
    	用户名:<input type ="text" name ="username" id ="username" value="" /><br/>
    	密    码:<input type ="password" name ="password" id ="password" value="" /><br/>
    	<input type= "submit"  value="提交" />
    </form>  
    <br/> 
    <button id= "btn" title = "post to MyJsp">MyJsp</button>
    <button id= "btn1" title = "post to PostAction">PostAction</button>
	<br/>   

  </body>
</html>


MyJsp.jsp中处理post请求,用request.getParameter()获取参数,再用response将组织好的json格式的字符串返回。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.text.SimpleDateFormat"%>
<%
    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>
        <base href="<%=basePath%>">
        <title>My JSP 'MyJsp.jsp' starting page</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">
    </head>

    <body>
        This is my JSP page.
        <br>
        <%
            String username = request.getParameter("username");
            String password = request.getParameter("password");
            String json = "";
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            if ("Duck".equals(username)) {
                json = "{\"appTime\":\"" + sdf.format(new java.util.Date())+ "\"}";
            } else {
                json = "{\"appTime\":\"\"}";
            }
            response.getWriter().write(json);
            response.getWriter().flush();
            response.getWriter().close();
        %>

    </body>
</html>


PostAction处理post请求,以前用的是struts1.2,action中的execute方法中的有request和response参数,struts2里面需要自己去获取

package com.test.action;

import java.io.PrintWriter;
import java.text.SimpleDateFormat;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class LogonAction extends ActionSupport {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	private String username;
	private String password;

	public String getUsername() {
		return username;
	}

	public void setUsername(String username) {
		this.username = username;
	}

	public String getPassword() {
		return password;
	}

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

	public String execute() throws Exception {
		// TODO Auto-generated method stub

		System.out.println(getUsername()); 
		System.out.println(getPassword());
                //获取response和request对象
		HttpServletResponse response = (HttpServletResponse) ActionContext
				.getContext().get(org.apache.struts2.StrutsStatics.HTTP_RESPONSE);
		HttpServletRequest request = (HttpServletRequest) ActionContext
				.getContext().get(org.apache.struts2.StrutsStatics.HTTP_REQUEST);
		System.out.println(request.getParameter("method"));
		String json = "";
		SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
		if ("Duck".equals(username)) {
			json = "{\"returnCode\":\"1\",\"returnMsg\":\"Success\",\"appTime\":\"" + 
				sdf.format(new java.util.Date()) + "\"}";		
		} else {
			json = "{\"returnCode\":\"0\",\"returnMsg\":\"Failed\",\"appTime\":\"" + 
				sdf.format(new java.util.Date()) + "\"}";
		}
		response.getWriter().write(json);  //返回json
		response.getWriter().flush();
		response.getWriter().close();
		return null;

	}
}








利用Struts2框架,将后台数据转化为JSON数据并返回到前台

1、第一步,配置web.xml,配置代码如下
  • BluewineY
  • BluewineY
  • 2016年09月22日 07:57
  • 8382

应用jQuery Ajax 实现前台与Struts2中Action的交互,并返回一个ArrayList的JSON对象,在前端表格中显示

功能描述: 在不刷新网页的情况下,发送Ajax异步请求,获取到Struts2 Action从数据库中读取的数值型数据,并在前端的表格中显示。 实现流程: 一.部署jQuery Ajax ...
  • u012373405
  • u012373405
  • 2016年04月28日 19:27
  • 1393

应用jQuery Ajax 实现前台与Struts2中Action的交互,并返回一个ArrayList的JSON对象,在前端表格中显示

功能描述: 在不刷新网页的情况下,发送Ajax异步请求,获取到Struts2 Action从数据库中读取的数值型数据,并在前端的表格中显示。 实现流程: 一.部署jQuery Ajax ...
  • u012373405
  • u012373405
  • 2016年04月28日 19:27
  • 1393

jquery+Ajax框架处理,XML,JSON,GSON对象传送!详解+案列!struts2的支持

jquery+Ajax框架处理,XML,JSON,GSON对象传送!详解+案列!struts2的支持
  • liangrui1988
  • liangrui1988
  • 2013年07月24日 02:31
  • 2101

JQuery datatables插件 使用ajax将struts2的action对象传递给datatables设置数据源方式

如题目:JQuery datatables插件 将struts2的action对象传递给datatables设置数据源方式???,虽然官网写了很多教程,但版本不一致的时候,就会导致文档很混乱,所以想写...
  • omayyouhappy
  • omayyouhappy
  • 2016年10月12日 11:39
  • 564

在用struts2框架时在Action中返回json数据

在上一篇搭建了struts2开发环境,之前开发一些小项目都是直接使用的servlet,在servlet中返回json数据很容易:在response对象中打开流直接写入json数据就好了。今天学习str...
  • u013972558
  • u013972558
  • 2016年05月17日 23:28
  • 5171

struts2 从action中返回json格式数据:

struts2 从action中返回json格式数据:         .Action中的配置                 5.1. root参数:从归回结果...
  • cao478208248
  • cao478208248
  • 2014年05月10日 21:11
  • 1160

struts2中action返回"json"字符串

最近做项目,项目中使用了struts2结合spring。发现页面发送ajax请求到action中时,action的返回值只是一个return "json"(注:值为"json")。而页面中ajax的返...
  • antao592
  • antao592
  • 2016年10月09日 15:40
  • 378

struts2+jquery+json 实现ajax请求,对象传值

刚刚在网上东拼西凑的查了一下struts2+jquery+json 实现ajax请求,走了些许弯路,希望这篇文章对想了解ajax请求的同胞们一点帮助。 废话少说,实现ajax首先要有jar包。首先...
  • zheng854254802
  • zheng854254802
  • 2013年12月24日 15:49
  • 4382

Struts2+JQuery+JSON实现异步交互,包括从后台获得单个值、对象、List和Map数据并从前台的表达中获取值

转自http://qsfwy.javaeye.com/blog/682796 Struts2+JQuery+JSON实现异步交互,包括从后台获得单个值、对象、List和Map数据并从前台的表...
  • hunannanhu
  • hunannanhu
  • 2015年05月22日 15:06
  • 1340
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery.Post到Struts2的action处理,并返回json对象到前端
举报原因:
原因补充:

(最多只允许输入30个字)