zoukankan      html  css  js  c++  java
  • 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     });
  • 相关阅读:
    一些博弈
    中国剩余定理分析及扩展
    2018年全国多校算法寒假训练营练习比赛(第三场)
    数论——逆元
    扩展欧几里得
    算法思维题
    匈牙利算法
    Codeforces #449 div2 C题
    16级C程序设计竞赛C题
    动态规划--模板--hdu 1059 Dividing
  • 原文地址:https://www.cnblogs.com/guagua-19/p/6950486.html
Copyright © 2011-2022 走看看