ssh中struts和ajax的使用

Posted 2020-10-16 Fs9587

苦活了将近一周的问题终于解决了，好高兴

其实很简单，首先在controll中建立一个map集合

    private Map<String, Object> data = new HashMap<>();

        public Map<String, Object> getData() {
            return data;
        }

        public void setData(Map<String, Object> data) {
            this.data = data;
        }
        

然后再下面写入如下代码

        /**
         * 注册时查询邮箱
         * @return
         * @throws Exception 
         */
        
        public String selectEmail(){
            
            String a = us.selectEmail(user.getEmail());
            
            if (a.equals("false")) {
            
                data.put("result", "1");            
            }else if (a.equals("true")){
                
                data.put("result", "2");
            }
            return "ajax";
        }

struts中国代码如下：

<package name="beforeUserInfo" namespace="/user" extends="json-default">
        <!-- 查询注册时邮箱 -->
        <action name="selectEmail" class="com.zy.controll.UserControll" method="selectEmail">
        
            <result name="ajax" type="json">
            <param name="root">data</param>    
            </result>
            </action>
</package>

页面代码如下：

          <div class="mask_content_body">
                 <form id="regForm" action="${pageContext.request.contextPath}/user/insertUser.action" onsubmit="javascript:return yz()">
                    <h3>新用户注册</h3>
                    <input type="email" id="regEmail" placeholder="请输入邮箱" name="email" onblur="yzEmail()"> <span id="emailMsg"></span>
                    <input type="password" id="regPsw" placeholder="请输入密码" name="password" onblur="yzPW()"><span id="message1"></span>
                   
                    <input type="password" id="regPswAgain" placeholder="请再次输入密码" name="psw_again" onblur="yzPW2()"><span id="message2"></span>
                    <div id="yzm" class="form-inline">
                    <input type="text" name="yzm"  id="code_input" value="" style="width: 45%; display: inline-block;" placeholder="请输入验证码">
                        <div id="v_container" style="width: 45%;height: 40px;float:right;">
                        
                        </div>
                        
                    </div>
                    <input type="submit" onclick="return commitRegForm();" value="注&#x3000;册">
                        <%-- <div>${error}</div> --%> <div><h2 id="aa"></h2></div>
                 </form>
            </div>

 

function yzEmail() {

    var reg4 = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/g;

    var email = $("#regEmail").val();
    var password = $("#regPsw").val();
    if (!reg4.test(email)) {

        $("#emailMsg").html("邮箱格式不正确!").css("color", "red");

        return false;
    }

    $("#emailMsg").html("");

    $.post("${pageContext.request.contextPath}/user/selectEmail.action", {
        "email" : $("#regEmail").val(),
    },
    function(data) {
        alert(data.result);
        if (data.result=="1") {
            
            $("#emailMsg").html("账号已存在").css("color", "red");
            return false;
        }
    })

    return true;
}