struts2框架 ajax 请求 代码示例
jsp 页面：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <%@taglib uri="/struts-tags" prefix="s"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Simpleton Demo | struts+ajax返回json类型数据</title> <link rel="shortcut icon" type="image/x-icon" href="images/Icon.png" /> <link rel="stylesheet" type="text/css" href="styles/base.css" /> <script src="admin/jquery-1.8.3.min.js"></script> </head> <body background="images/bg.gif"> <div id="div_json"> <h5> 录入数据 </h5> <br /> <form action="#" method="post"> <label for="name"> 姓名： </label> <input type="text" name="name" /> <label for="age"> 年龄： </label> <input type="text" name="age" /> <label for="position"> 职务： </label> <input type="text" name="position" /> <input type="button" class="btn" value="提交结果" /> </form> <br /> <h5> 显示结果 </h5> <br /> <ul> <li> 姓名： <span id="s_name">赞无数据</span> </li> <li class="li_layout"> 年龄： <span id="s_age">暂无数据</span> </li> <li class="li_layout"> 职务： <span id="s_position">暂无数据</span> </li> </ul> </div> <div id="authorgraph"> <img alt="" src="images/autograph.gif"> </div> <script type="text/javascript"> /* 提交结果，执行ajax */ function btn(){ var $btn = $("input.btn");//获取按钮元素 //给按钮绑定点击事件 $btn.bind("click",function(){ $.ajax({ type:"post", url:"JsonAction",//需要用来处理ajax请求的action,excuteAjax为处理的方法名，JsonAction为action名 data:{//设置数据源 name:$("input[name=name]").val(), age:$("input[name=age]").val(), position:$("input[name=position]").val()//这里不要加"," 不然会报错，而且根本不会提示错误地方 }, dataType:"json",//设置需要返回的数据类型 success:function(data){ var d = eval("("+data+")");//将数据转换成json类型，可以把data用alert()输出出来看看到底是什么样的结构 //得到的d是一个形如{"key":"value","key1":"value1"}的数据类型，然后取值出来 $("#s_name").text(""+d.name+""); $("#s_age").text(""+d.age+""); $("#s_position").text(""+d.position+""); }, error:function(){ alert("系统异常，请稍后重试！"); }//这里不要加"," }); }); } /* 页面加载完成，绑定事件 */ $(document).ready(function(){ btn();//点击提交，执行ajax }); </script> </body>
action：
package com.bjsxt.bbs2009.action; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Map.Entry; import javax.servlet.http.HttpServletRequest; import net.sf.json.JSONObject; import org.apache.struts2.interceptor.ServletRequestAware; import com.opensymphony.xwork2.ActionSupport; public class JsonAction extends ActionSupport implements ServletRequestAware { private static final long serialVersionUID = 1L; private HttpServletRequest request; private String result; public void setServletRequest(HttpServletRequest arg0) { this.request = arg0; } public String getResult() { return result; } public void setResult(String result) { this.result = result; } /** * 处理ajax请求 * @return SUCCESS */ public String excuteAjax() { try { //获取数据 String name = request.getParameter("name"); int age = Integer.parseInt(request.getParameter("age")); String position = request.getParameter("position"); //将数据存储在map里，再转换成json类型数据，也可以自己手动构造json类型数据 Map<String, Object> map = new HashMap<String, Object>(); map.put("name", name); map.put("age", age); map.put("position", position); System.out.println(map.size()); Iterator<Entry<String, Object>> it = map.entrySet().iterator(); while (it.hasNext()) { Entry<String, Object> entry = it.next(); System.out.println("key= " + entry.getKey() + " and value= " + entry.getValue()); } JSONObject json = JSONObject.fromObject(map);//将map对象转换成json类型数据 System.out.println(json); result = json.toString();//给result赋值，传递给页面 } catch (Exception e) { e.printStackTrace(); } return SUCCESS; } }
struts.xml 配置：
<?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="bbs2009_default" extends="struts-default"> <global-exception-mappings> <exception-mapping result="exception_handle" exception="Exception"></exception-mapping> </global-exception-mappings> </package> --> <!-- <package name="simpleton" namespace="/" extends="struts-default"> <action name="JsonAction" class="com.bjsxt.bbs2009.action.JsonAction" method="excuteAjax"> <result type="json"> <param name="root">result</param> </result> </action> </package> --> <package name="simpleton" namespace="/" extends="json-default"> <!-- <default-action-ref name="index"/> --><!-- bug!!! --> <action name="JsonAction" class="com.bjsxt.bbs2009.action.JsonAction" method="excuteAjax"> <result name="fail"></result> <result type="json"> <param name="root">result</param> </result> </action> </package> </struts>
