表单 - Form - EasyUI提供的表单异步提交
2016-12-30 23:16
411 查看
方案一被提交的表单
设置一个需要提交的表单
方案二方案一是先在外部设置好表单提交的信息,然后在合适的地方执行提交动作方案二是设置与提交在同一个地方,这里就不做演示了除了可以设置success的回调方法外,还可以设置onSubmit的回调方法,用于执行一些提交前的前置校验等操作,如果返回false,就会停止提交这几个案例都比较简单,就不累述了
<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,就会停止提交这几个案例都比较简单,就不累述了
相关文章推荐
- ASP MVC异步提交form表单,Jquery-easyui对话框,表单验证(jquery.validate)
- EasyUI的Form表单异步提交问题-ThinkPHP5对EasyUI异步表单不返回json
- EasyUI 使用form方式提交表单,返回结果时,IE提示下载(火狐无问题)
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- EASYUI FORM表单提交post
- easyui的form表单提交和xheditor配合使用时出现value为空或旧值的解决办法
- 异步提交form表单
- 不通过form表单异步提交
- jQuery-easyUI的使用:form表单组件及form的三种提交方式
- jQuery异步提交form表单
- 使用jQuery.form插件,实现完美的表单异步提交
- 使用jQuery.form插件,实现完美的表单异步提交
- easyUI添加下拉列表 +++ form表单点一次,向后台提交两次
- easyui--验证表单提交后才开始验证的方法--form
- ajax,异步提交form表单,从后台返回值到前端
- 使用jQuery.form插件,实现完美的表单异步提交
- easyUI的form表单重复提交处理
- Easyui Form表单提交
- jQuery异步提交form表单
- jQuery异步提交form表单