使用Stream类型的Result实现Ajax

约定不等于承诺〃 2021-07-25 02:40 205阅读 0赞

**一 视图**

loginForm.jsp

<%@ page contentType="text/html; charset=GBK" language="java" errorPage="" %>
    <%@ taglib prefix="s" uri="/struts-tags" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>使用stream结果实现Ajax</title>
        <script src="${pageContext.request.contextPath}/jquery-1.11.1.js"
        type="text/javascript">
        </script>
    </head>
    <body>
    <s:form id="loginForm">
        <s:textfield name="user" label="用户名"/>
        <s:textfield name="pass" label="密码"/>
        <tr><td colspan="2">
        <input id="loginBn" type="button" value="提交"/>
        </td></tr>
    </s:form>
    <div id="show" style="display:none;">
    </div>
    <script type="text/javascript">
        // 为id为loginBn的按钮绑定事件处理函数
        $("#loginBn").click(function()
        {
            $("#show").hide();
            // 指定向login发送请求，以id为loginForm表单里各表单控件作为请求参数
            $.get("login" , $("#loginForm").serializeArray() ,
                // 指定回调函数
                function(data , statusText)
                {
                    $("#show").height(80)
                        .width(240)
                        .css("border" , "1px solid black")
                        .css("border-radius" , "10px")
                        .css("background-color" , "#efef99")
                        .css("color" , "#ff0000")
                        .css("padding" , "20px")
                        .empty();
                    $("#show").append("登录结果：" + data + "<br />");
                    $("#show").show(2000);
                },
                // 指定服务器响应为html
                "html");
        });
    </script>
    </body>
    </html>

**二 配置文件**

<?xml version="1.0" encoding="GBK"?>
    <!DOCTYPE struts PUBLIC
        "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
        "http://struts.apache.org/dtds/struts-2.3.dtd">
    <struts>
        <constant name="struts.i18n.encoding" value="UTF-8"/>
        <package name="lee"  extends="struts-default">
            <action name="login" class="org.crazyit.app.action.LoginAction">
                <result type="stream">
                    
                    <param name="contentType">text/html</param>
                    
                    <param name="inputName">result</param>
                </result>
            </action>
            <action name="*">
                <result>/WEB-INF/content/{1}.jsp</result>
            </action>
        </package>
    </struts>

**三 action**

package org.crazyit.app.action;
    
    import com.opensymphony.xwork2.Action;
    
    import java.io.*;
    
    public class LoginAction implements Action
    {
        // 封装请求参数的两个成员变量
        private String user;
        private String pass;
        // 封装输出结果的二进制流
        private InputStream inputStream;
    
        // user的setter和getter方法
        public void setUser(String user)
        {
            this.user = user;
        }
        public String getUser()
        {
            return this.user;
        }
    
        // pass的setter和getter方法
        public void setPass(String pass)
        {
            this.pass = pass;
        }
        public String getPass()
        {
            return this.pass;
        }
    
        public InputStream getResult()
        {
            return inputStream;
        }
    
        public String execute()
            throws Exception
        {
            // 判断用户名、密码，生成对应的响应
            inputStream = user.equals("crazyit.org") && pass.equals("leegang")
                ? new ByteArrayInputStream("恭喜你，登录成功!"
                    .getBytes("UTF-8"))
                : new ByteArrayInputStream("对不起，用户名、密码不匹配！"
                    .getBytes("UTF-8"));
            return SUCCESS;
        }
    }

**四 测试**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5ncWl1bWluZw_size_16_color_FFFFFF_t_70]: /images/20210724/be683aa0c8ba4bc4bc4d91dc12f8566e.png