表单 - Form - EasyUI提供的表单异步提交

Posted 2020-08-25 KoKo

• 方案一

被提交的表单

 

<form id="loginForm" method="post">
    <table align="center">
        <tr>
            <th align="right">用户名</th>
            <td>
                <input type="text" name="username"/>
            </td>
        </tr>
        <tr>
            <th align="right">密码</th>
            <td>
                <input type="password" name="password"/>
            </td>
        </tr>
    </table>
</form>

设置一个需要提交的表单

 

$("#loginForm").form({
    url: "<%=homePage%>/testController/login.ajax?type=form",
    success: function (data) {
        console.log(data);
        data = eval("("+data+")");//JSON字符串转对象
        console.log(data);
        if ("0" == data.st){
            console.log("成功");
        }else{
            console.log("失败");
        }
    }
});

在需要执行提交动作的地方

$("#loginForm").submit();

后台按照接收表单参数的方式进行接收

data =JSON.parseJSON(data);//JSON字符串转对象

这种方式可以替代evalJSON.parseJSON是jQuery的方法，eval是javascript的方法

• 方案二

方案一是先在外部设置好表单提交的信息，然后在合适的地方执行提交动作

 

方案二是设置与提交在同一个地方，这里就不做演示了

 

除了可以设置success的回调方法外，还可以设置onSubmit的回调方法，用于执行一些提交前的前置校验等操作，如果返回false，就会停止提交

 

这几个案例都比较简单，就不累述了