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 });