form 表单提交返回值问题

form不比ajax,即使后台返回值后，在页面也不知道怎么去取值判断提交状态。所以前几天结合网上资料整了一个小案例，需要用到ajaxSubmit，即通过ajax来提交表单，好处在于可以在任何情况下进行表单的提交，案例如下：

form:

 

1  <form action='' id="myform">
2  用户名：<input type="text" name="username"/>
3  密 码：<input type="password" name="password"/>
4 <input type="submit" value="提交" id="btn"/>
5 </form>  

 上面是一个需要提交内容的form，通常情况下，我们直接通过form提交的话， 提交后当前页面跳转到form的action所指向的路径。然而，很多时候我们需要返回值来判断我的提交是否成功，那么，我们就可以使用ajaxSubmit(obj)来提交数据。使用方法如下所示：

js代码:

 1 $("#btn").click(function(){//form表单中按钮的单击事件
 2         var hideForm = $('#myform');//form表单id 
 3         var options = { 
 4             dataType : "json", 
 5             resetForm : true,
 6             success : function(data) {
 7                 alert(data);
 8             }, 
 9             error : function(result) {
10                 alert(data);
11             }
12         }
13         
14         hideForm.ajaxSubmit(options ); 
15     });

 

转载于:https://www.cnblogs.com/guagua-19/p/6950486.html