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

2021-07-13 11:06

阅读：825

//防止页面进行跳转

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

上一篇：第一份不完全web作业

下一篇：Ajax异步获取html数据中包含js方法无效的解决方法

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：利用ajax异步处理POST表单中的数据
文章链接：http://soscw.com/index.php/essay/104610.html

亲，登录后才可以留言！

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

评论

热门文章

推荐文章

最新文章

置顶文章