STRUTS+AJAX+JSP 请求到后台乱码问题解决方法

针对 “STRUTS+AJAX+JSP 请求到后台乱码问题解决方法” 这个问题，我们需要分几个步骤来进行讲解。

步骤一：字符集设置

在 web.xml 文件中配置字符集编码为 UTF-8，以支持中文等特殊字符的传输。

<web-app>
    <filter>
        <filter-name>encodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
</web-app>

步骤二：配置 Response 响应头

在 Struts2 的 StrutsPrepareAndExecuteFilter 过滤器中添加一个参数时，可以在 Response 响应头中添加字符编码类型，以达到乱码问题的解决。

<filter>
    <filter-name>struts2</filter-name>
    <filter-class>org.apache.struts2.dispatcher.filter.StrutsPrepareAndExecuteFilter</filter-class>
    <init-param>
        <param-name>actionPackages</param-name>
        <param-value>com.example.action</param-value>
    </init-param>
    <init-param>
        <param-name>responseContentType</param-name>
        <param-value>"text/html; charset=UTF-8"</param-value>
    </init-param>
</filter>
<filter-mapping>
    <filter-name>struts2</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

步骤三：配置 Ajax 中的 contentType

在 Ajax 请求时，需要设置 contentType 为 "application/x-www-form-urlencoded;charset=UTF-8"，以支持中文等特殊字符的传输。

$(document).ready(function () {
    $.ajax({
        url: "test.action",
        type: "POST",
        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
        data: {
            "name": "张三",
            "age": 20
        },
        dataType: "json",
        success: function (data) {
            console.log(data);
        },
        error: function () {
            console.log("error");
        }
    });
});

示例和详细讲解

示例一：JSP 中的表单提交

下面的示例展示了在 JSP 中的表单提交：

<%@page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
    <form action="login.action" method="post">
        用户名：<input type="text" name="userName"><br>
        密码：<input type="password" name="password"><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

在 Struts2 的 Action 中，获取提交过来的参数如下：

public String login() throws Exception {
    HttpServletRequest request= ServletActionContext.getRequest();
    String userName = request.getParameter("userName");
    String password = request.getParameter("password");
    // ...
}

示例二：Ajax 请求

下面的例子演示了在 Ajax 请求中进行参数传递时的字符集设置：

$(document).ready(function () {
    $.ajax({
        url: "test.action",
        type: "POST",
        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
        data: {
            "name": "张三",
            "age": 20
        },
        dataType: "json",
        success: function (data) {
            console.log(data);
        },
        error: function () {
            console.log("error");
        }
    });
});