struts2：使用JQuery、JSON和AJAX处理请求

时间：2022-05-16 19:49:14

目的

在struts2中使用JQuery、JSON、AJAX等技术处理用户请求，并返回结果。返回结果可以是以JSONObject的方式返回，也可以是以JSONArray方式返回结果。

实现

1. 创建表示层JSP（testJJA.jsp）

此JSP也用于处理返回结果，因为是AJAX方式提交的，并不需要另外的显示页面。

<%@page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

    <script type="text/javascript" src="../../js/jquery.js"></script>

    <script type="text/javascript" src="../../js/json2.js"></script>

    <script>

    function entity(param1, param2, bigtext) {

        this.param1 = param1;

        this.param2 = param2;

        this.bigtext = bigtext;

    }

    function ajaxTransferText(which) {

        var bigtext = document.getElementById("BigText").value;

        var postParams = JSON.stringify(new entity("张三","密码123",bigtext));

        if(which == 'object') {

            $.post("testjja.action", {

                        jsonString : postParams,

                    }, function (dataParam, textStatus){

                        // 返回的是JSONObject

                        alert(dataParam.param1 + "|" + dataParam.status);

                    },"json");

        }else {

            $.post("testjja!getArray.action", {

                        jsonString : postParams,

                    }, function (dataParam, textStatus){

                        // 返回的是JSONArray

                        var showValue = "";

                        for(var i=0; i<dataParam.length; i++) {

                            showValue = showValue + dataParam[i] + "\n";

                        }

                        alert(showValue);

                    },"json");

        }

    }

    </script>

</head>

<body>

    <textarea name="textarea" id="BigText" cols="45" rows="5">需要提交的信息主体...</textarea>

    <br/>

    <input type="button" value="提交试试(Object)" onclick="ajaxTransferText('object')"/>&nbsp;&nbsp;

    <input type="button" value="提交试试(Array)" onclick="ajaxTransferText('array')"/>

</body>

</html>

2. 创建处理Action类

package com.clzhang.ssh.demo7;

import java.io.*;

import java.util.*;

import net.sf.json.JSONObject;

import net.sf.json.JSONArray;

import org.apache.struts2.ServletActionContext;

public class TestJJAAction {

    private String jsonString;

    public String getJsonString() {

        return jsonString;

    }

    public void setJsonString(String jsonString) {

        this.jsonString = jsonString;

    }

    // 以JSONArray方式返回数据

    public String getArray() throws IOException {

        System.out.println("jsonString=" + jsonString);

        JSONObject jsonObject = JSONObject.fromObject(jsonString);

        System.out.println("param1=" + jsonObject.get("param1"));

        System.out.println("param2=" + jsonObject.get("param2"));

        System.out.println("bigtext=" + jsonObject.get("bigtext"));

        List<String> aList = new ArrayList<String>();

        aList.add("param1=" + jsonObject.get("param1"));

        aList.add("param2=" + jsonObject.get("param2"));

        aList.add("bigtext=" + jsonObject.get("bigtext"));

        aList.add("status：成功受理请求！");

        JSONArray jsonArray = JSONArray.fromObject(aList);

        ServletActionContext.getResponse().setContentType("text/html");

        ServletActionContext.getResponse().setCharacterEncoding("utf-8");

        ServletActionContext.getResponse().getWriter().printf(jsonArray.toString());

        ServletActionContext.getResponse().getWriter().flush();

        ServletActionContext.getResponse().getWriter().close();

        return null;

    }

    // 以JSONObject方式返回数据

    public String execute() throws IOException {

        System.out.println("jsonString=" + jsonString);

        JSONObject jsonObject = JSONObject.fromObject(jsonString);

        System.out.println("param1=" + jsonObject.get("param1"));

        System.out.println("param2=" + jsonObject.get("param2"));

        System.out.println("bigtext=" + jsonObject.get("bigtext"));

        JSONObject jsonObject2 = new JSONObject();

        jsonObject2.put("param1", jsonObject.get("param1"));

        jsonObject2.put("param2", jsonObject.get("param2"));

        jsonObject2.put("bigtext", jsonObject.get("bigtext"));

        jsonObject2.put("status","成功受理请求！");

        System.out.println(jsonObject2.toString());

        ServletActionContext.getResponse().setContentType("text/html");

        ServletActionContext.getResponse().setCharacterEncoding("utf-8");

        ServletActionContext.getResponse().getWriter().printf(jsonObject2.toString());

        ServletActionContext.getResponse().getWriter().flush();

        ServletActionContext.getResponse().getWriter().close();

        return null;

    }

}

3. 修改配置文件struts.xml

        <action name="testjja" class="com.clzhang.ssh.demo7.TestJJAAction">

        </action>

4. 测试

打开IE，输入地址：http://127.0.0.1:8080/st/ssh/demo7/testJJA.jsp

效果如下：

struts2：使用JQuery、JSON和AJAX处理请求

单击“提交试试（Object）”按钮后，结果如下：

struts2：使用JQuery、JSON和AJAX处理请求

单击“提交试试（Array）”按钮后，效果如下：

struts2：使用JQuery、JSON和AJAX处理请求

struts2：使用JQuery、JSON和AJAX处理请求的更多相关文章

  1. 用jQuery和Json实现Ajax异步请求

    这里有两个例子,一个是关于登录验证的,一个是异步加载数据的 1.regist.jsp <%@ page language="java" import="java.u ...

  2. jQuery&colon;SP&period;NET Autocomplete Textbox Using jQuery&comma; JSON and AJAX

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jQueryAutocomp ...

  3. jQuery&colon;多个AJAX&sol;JSON请求对应单个回调并行加载

    因为我们使用jQuery,这意味着需要调用 jQuery.getScript 和 jQuery.getJSON 函数. 我知道这些函数都是异步执行(asyncronously)并且会延迟一段时间返回, ...

  4. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  5. JQuery Ajax 设置请求头信息application&sol;json

    今天有个api后台接application/json格式的 在Jquery里$.ajax默认是contentType: application/x-www-form-urlencoded; chars ...

  6. jQuery&colon;多个AJAX&sol;JSON请求对应单个回调

    原文链接:jQuery: Multiple AJAX and JSON Requests, One Callback 原文日期: 2014年4月15日 翻译日期: 2014年4月22日 翻译人员: 铁 ...

  7. jQuery&colon;多个AJAX&sol;JSON请求相应单个回调

    原文链接:jQuery: Multiple AJAX and JSON Requests, One Callback 原文日期: 2014年4月15日 翻译日期: 2014年4月22日 翻译人员: 铁 ...

  8. jQuery实例之ajax请求json数据案例

    今天有这样一个需求,点击六个大洲,出现对应的一些请求信息,展示在下面,请求请求过后,第二次点击就无需请求.如图所示:点击北美洲下面出现请求的一些数据 html代码结构: <div class=& ...

  9. struts2 &plus; jquery &plus; json 简单的前后台信息交互

    ajax 是一种客户端与服务器端异步请求的交互技术.相比同步请求,大大提高了信息交互的速度和效率.是当下非常实用和流行的技术. 这里简单的说明 struts2 + jquery + json 下的 信 ...

随机推荐

  1. linux替换文件指定字符串前面的内容

    sed 's/.*user_id/user_id/' wechat_log2 > target_log

  2. OpenVPN客户端解析

    windows版本的VPN客户端,实际上就是一个外壳,创建了图形界面,托盘,和 右键菜单, 在connect的动作里,实际上是通过cmd调用 openvpn.exe openvpn --config ...

  3. CORS&lpar;跨域资源共享&rpar;详解及与JSONP的对比

    上篇讲解的JSONP的跨域请求方式,但是在浏览器的支持及请求方式上有局限性,接下来将介绍一种新的跨域请求方式CORS. CORS是一个W3C标准,全称是"跨域资源共享"(Cross ...

  4. HDU 2196 Computer &lpar;树上最长路&rpar;【树形DP】

    <题目链接> 题目大意: 输出树上每个点到其它点的最大距离. 解题分析: 下面的做法是将树看成有向图的做法,计算最长路需要考虑几种情况. dp[i][0] : 表示以i为根的子树中的结点与 ...

  5. C&num;控制台进度条&lpar;Programming Progress bar in C&num; Consle application&rpar;

    以下代码从Stack Overflow,觉得以后会用到就收藏一下,我是辛勤的搬运工,咿呀咿呀哟- 1.showing percentage in .net console application(在. ...

  6. phpMyAdmim和Yii 连接Mysql报错。

    故障: 之前phpMyAdmim和Yii连接Mysql都好着的.某天,同一时候出现例如以下报错: 1.linux下phpMyAdmin 出现 "缺少 mysqli 扩展,请检查 PHP 配置 ...

  7. Swift&lowbar;UIButton

    1.初始化 /** UIButtonType.system:前面不带图标,默认文字颜色为蓝色,有触摸时的高亮效果 UIButtonType.custom:定制按钮,前面不带图标,默认文字颜色为白色,无 ...

  8. PHP获取不带后缀的文件名方法

    $filename = "test.txt"; $houzhui = substr(strrchr($filename, '.'), 1); $result = basename( ...

  9. Git教程（二）-如何上传和同步自己的git项目

    本文来自http://blog.csdn.net/liuxian13183/ ,引用必须注明出处! Git接触并使用多年, 工作中使用较多,它的分布式存储,使每个人的电脑均为服务器的策略非常棒:再加上 ...

  10. 深究Spring中Bean的生命周期

    前言 这其实是一道面试题,是我在面试百度的时候被问到的,当时没有答出来(因为自己真的很菜),后来在网上寻找答案,看到也是一头雾水,直到看到了<Spring in action>这本书,书上 ...

相关文章