页面怎么接收Struts返回的json

在Web开发过程中，我们经常会遇到需要接收后台返回的JSON数据的情况，Struts作为一款流行的Java Web框架，也支持将数据以JSON格式返回给前端页面，如何让页面接收Struts返回的JSON数据呢？下面我将详细地介绍这一过程。

准备工作

页面怎么接收Struts返回的json

我们需要确保已经正确地搭建了Struts环境，并引入了相关的依赖包，为了方便处理JSON数据，我们可以在前端页面中使用jQuery库，当然也可以使用其他JavaScript库或框架。

Struts配置

在Struts的配置文件（struts.xml）中，我们需要为相应的Action配置返回类型为json的类型。

<action name="yourAction" class="com.example.YourAction">
    <result type="json">
        <!-- 这里可以配置需要返回的属性 -->
        <param name="root">dataMap</param>
    </result>
</action>

yourAction 是你的Action名称，com.example.YourAction 是对应的Action类。dataMap 是Action中的一个属性，用来存储需要返回给前端的数据。

Action类实现

在Action类中，我们需要定义一个dataMap属性，并在执行相应的业务逻辑后，将数据放入该属性中。

public class YourAction extends ActionSupport {
    private Map<String, Object> dataMap;
    public String execute() {
        // 执行业务逻辑
        dataMap = new HashMap<>();
        dataMap.put("key1", "value1");
        dataMap.put("key2", "value2");
        // 更多数据...
        return SUCCESS;
    }
    public Map<String, Object> getDataMap() {
        return dataMap;
    }
}

前端页面处理

我们来到前端页面，以下是接收Struts返回的JSON数据的详细步骤：

1、发送请求：我们需要发送一个请求到后端的Struts Action。

$.ajax({
    url: 'yourAction',
    type: 'GET',
    dataType: 'json',
    success: function(response) {
        // 处理返回的JSON数据
    },
    error: function(xhr, status, error) {
        // 处理错误
    }
});

这里，我们使用jQuery的$.ajax方法发送一个GET请求到yourAction。

2、处理返回的JSON数据：在success回调函数中，我们可以接收到返回的JSON数据。

success: function(response) {
    // 假设返回的数据结构如下：
    // {
    //     key1: "value1",
    //     key2: "value2"
    // }
    // 打印数据到控制台
    console.log(response);
    // 将数据显示在页面上
    $('#key1').text(response.key1);
    $('#key2').text(response.key2);
}

页面怎么接收Struts返回的json