zoukankan      html  css  js  c++  java
  • form表单submit按钮提交页面不跳转

     

    方案一      

    复制代码
     <html>    
      <body>    
          
      <form action="" method="post" target="nm_iframe">    
          <input type="text" id="id_input_text" name="nm_input_text" />    
          <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
      </form>    
          
      <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>    
          
      </body>    
      </html>  
    复制代码

    方案二

    复制代码
     <html>    
      <body>    
          
      <form action="/api/user/register" method="post" id="registSubmit" >    
          <input type="text" id="id_input_text" name="nm_input_text" />    
          <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
      </form>         
      </body>    
      </html>  
    复制代码
    复制代码
    $('#registSubmit').on('submit', function(){
          registPost()
    event.preventDefault() //阻止form表单默认提交
    })
    function registPost () {     
       $.ajax({
           type: "post",
           url: "/api/user/register",
           data: $('#registSubmit').serialize(),
       }).success(function(message) {
         console.log(message)
       }).fail(function(err){
         console.log(err)
       })
        /*
         或者用jquery.form.min.js提交
         $('#registSubmit').ajaxSubmit(function(message){
            console.log(message);
         })
         */
    }
    复制代码
  • 相关阅读:
    多态
    接口和抽象类
    反射
    C++ 模板和 C# 泛型的区别
    基础类库中的泛型
    运行时中的泛型
    泛型代码中的 default 关键字
    泛型委托
    泛型方法
    泛型接口
  • 原文地址:https://www.cnblogs.com/zhangruisoldier/p/9166497.html
Copyright © 2011-2022 走看看