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

• 方案一

被提交的表单

<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，就会停止提交

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