标题 | ajax异步处理POST表单中的数据示例代码 |
范文 | 这篇文章主要介绍了如何利用ajax异步处理POST表单中的数据,下面有个不错的示例,大家可以参考下 //防止页面进行跳转 02 03 $(document).ready( function (){ 04 $( "#submit" ).click( function (){ 05 var str_data=$( "#form1 input[type=text]" ).map( function (){ 06 return ($( this ).attr( "name" )+ '=' +$( this ).val()); 07 }).get().join( "&" ); 08 var box_data=$( "input[type=checkbox]:checked" ).map( function (){ 09 return ($( this ).attr( "name" )+ '=' +$( this ).val()); 10 }).get().join( "&" ); 11 var race=$( "#race" ).val(); 12 var volume=$( "#volume" ).val(); 13 str_data+= "&volume=" +volume; 14 str_data+= "&race=" +race; 15 str_data+= "&" +box_data; 16 $.ajax({ 17 type: "POST" , 18 url: "deal.php" , 19 data:str_data, 20 success: function (msg){ 21 $( "#myModal .modal-body" ).html(msg); 22 } 23 }); 24 }); 25 }); |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。