首页 > 代码库 > 表单 - Form - EasyUI提供的表单异步提交
表单 - 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 = http://www.mamicode.com/eval("("+data+")");//JSON字符串转对象
console.log(data);
if ("0" == data.st){
console.log("成功");
}else{
console.log("失败");
}
}
});
在需要执行提交动作的地方
$("#loginForm").submit();
后台按照接收表单参数的方式进行接收
data =http://www.mamicode.com/JSON.parseJSON(data);//JSON字符串转对象
这种方式可以替代evalJSON.parseJSON是jQuery的方法,eval是JavaScript的方法
- 方案二
方案一是先在外部设置好表单提交的信息,然后在合适的地方执行提交动作
方案二是设置与提交在同一个地方,这里就不做演示了
除了可以设置success的回调方法外,还可以设置onSubmit的回调方法,用于执行一些提交前的前置校验等操作,如果返回false,就会停止提交
这几个案例都比较简单,就不累述了
表单 - Form - EasyUI提供的表单异步提交
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。