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);
         })
         */
    }
  • 相关阅读:
    Python--面向对象编程(2)
    Python--面向对象编程(1)
    Python--常用模块
    Python--函数
    Hadoop综合大作业
    hive基本操作与应用
    MapReduce作业
    熟悉HBase基本操作
    熟悉常用的HDFS操作
    爬虫大作业(对电影的爬取)
  • 原文地址:https://www.cnblogs.com/xshaohua-com/p/8203709.html
Copyright © 2011-2022 走看看