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

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

//防止页面进行跳转

$(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);
       }
    });
  });
 });

posted on 2017-06-26 08:04 mthoutai 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/mthoutai/p/7078871.html