首页 > 代码库 > 利用ajax异步处理POST表单中的数据

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

//防止页面进行跳转

$(document).ready(function(){
  $("#submit").click(function(){
   var str_data=http://www.mamicode.com/$("#form1 input[type=text]").map(function(){
      return ($(this).attr("name")+‘=‘+$(this).val());
   }).get().join("&");
   var box_data=http://www.mamicode.com/$("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);
       }
    });
  });
 });