struts2框架 ajax 请求代码示例

最新推荐文章于 2022-08-17 21:34:45 发布

香腮边轻轻滑过

最新推荐文章于 2022-08-17 21:34:45 发布

阅读量412

点赞数

文章标签： struts2.0

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="simpleton" namespace="/" extends="json-default">
       

       <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>