码迷,mamicode.com
首页 > Web开发 > 详细

利用ajax异步处理POST表单中的数据

时间:2017-06-26 10:16:24      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:submit   异步   for   class   art   func   cli   click   mod   

//防止页面进行跳转

$(document).ready(function(){
  $("#submit").click(function(){
   var str_data=$("#form1 input[type=text]").map(function(){
      return ($(this).attr("name")+‘=‘+$(this).val());
   }).get().join("&");
   var box_data=$("input[type=checkbox]:checked").map(function(){
      return ($(this).attr("name")+‘=‘+$(this).val());
   }).get().join("&");
   var race=$("#race").val();
   var volume=$("#volume").val();
   str_data+="&volume="+volume;
   str_data+="&race="+race;
   str_data+="&"+box_data;
   $.ajax({ 
       type: "POST",
      
url:"deal.php",
       data:str_data,
       success: function(msg){
         $("#myModal .modal-body").html(msg);
       }
    });
  });
 });

利用ajax异步处理POST表单中的数据

标签:submit   异步   for   class   art   func   cli   click   mod   

原文地址:http://www.cnblogs.com/mthoutai/p/7078871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!