首页 > Web开发 > 详细

jQuery异步表单提交

时间:2015-05-29 17:25:36      阅读:185      评论:0      收藏:0      [点我收藏+]
有时在A页面点击按钮弹出一个form表单,在填完表单后提交成功后,需要关闭表单页并将表单中的某些值反应在A页面上,这时就需要异步提交表单。其实也挺简单,只是需要把表单数据序列化。

   $("#form1").submit(function (){ 
    var ajax_url = "yourActionUrl"; //表单目标 
    var ajax_type = $(this).attr(‘method‘); //提交方法 
    var ajax_data = $(this).serialize(); //表单数据 

    $.ajax({ 
     type:ajax_type, //表单提交类型 
     url:ajax_url, //表单提交目标 
     data:ajax_data, //表单数据
     success:function(msg){
      if(msg == ‘success‘){//msg 是后台调用action时,你穿过来的参数
       //do things here
       window.close();
      }else{
       //do things here
      }
     } 
    }); 
    //return false; //阻止表单的默认提交事件 
    });

 

jQuery异步表单提交

原文:http://www.cnblogs.com/blogofwyl/p/4538812.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!