SSH框架网上商城项目第7战之整合Struts2和Json

下面是 “SSH框架网上商城项目第7战之整合Struts2和Json”的完整攻略：

1. 概述

本文是在使用SSH框架搭建在线商城的基础上，介绍了如何整合Struts2和Json来实现后端与前端之间的数据交互。

2. 安装插件

首先，我们需要在项目中引入Struts2和Json插件，可以在pom.xml文件中添加以下依赖：

<dependency>
    <groupId>org.apache.struts</groupId>
    <artifactId>struts2-core</artifactId>
    <version>2.5.22</version>
</dependency>
<dependency>
    <groupId>org.apache.struts</groupId>
    <artifactId>struts2-json-plugin</artifactId>
    <version>2.5.22</version>
</dependency>

3. 配置Struts2

接下来，我们需要在struts.xml文件中配置Struts2。示例代码如下：

<struts>
    <constant name="struts.devMode" value="false" />
    <package name="default" extends="json-default">
        <action name="demo" class="com.example.action.DemoAction">
            <result name="success" type="json" />
        </action>
    </package>
</struts>

在上述代码中，我们配置了一个名为“demo”的Action，并将其类指定为“com.example.action.DemoAction”。同时，我们设置了响应结果的类型为JSON格式。

4. 编写Action

然后，我们需要创建指定在struts.xml中配置的DemoAction类。示例代码如下：

package com.example.action;

import com.opensymphony.xwork2.ActionSupport;

public class DemoAction extends ActionSupport {
    private String name;

    public String execute() {
        name = "Hello World";
        return SUCCESS;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

在DemoAction类中，我们定义了一个名为“name”的成员变量，并在execute()方法中给其赋值。同时，我们还编写了对应的getter和setter方法。

5. 前端页面请求数据

最后，在前端页面中，我们可以使用jQuery的ajax函数来请求后端返回的数据。示例代码如下：

$(document).ready(function() {
    $.ajax({
        url: "demo.action",
        type: "POST",
        dataType: "json",
        success: function(data) {
            $('#result').html(data.name);
        }
    });
});

在上述代码中，我们使用了jQuery的ajax函数向后端发送POST请求，并指定了数据的类型为JSON格式。在请求成功后，我们将返回的数据中的name属性赋值给前端页面的#result元素。

至此，我们已经成功地实现了后端和前端之间的数据交互。

功能示例

以下是两个功能示例：

示例1：获取商品列表

在struts.xml中配置Action如下：

<action name="getProductList" class="com.example.action.ProductAction" method="getProductList">
    <result name="success" type="json">
        <param name="excludeNullProperties">true</param>
        <param name="ignoreHierarchy">false</param>
    </result>
</action>

在ProductAction类中定义方法getProductList()返回商品列表数据。

在前端页面中，使用ajax请求Action，获取到商品列表数据并展示到页面上。

示例2：添加商品