程序员

ajax异步处理POST表单中的数据示例代码

作者:admin 2021-06-29 我要评论

//防止页面进行跳转$(document).ready(function(){$("#submit").click(function(){var str_data=$("#form1 input[type=text]").map(function(){return ($(this)....

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
//防止页面进行跳转

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

原文链接:https://m.jb51.net/article/51441.htm

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • ajax异步处理POST表单中的数据示例代码

    ajax异步处理POST表单中的数据示例代码

  • JS AJAX前台如何给后台类的函数传递参

    JS AJAX前台如何给后台类的函数传递参

  • 自己动手打造ajax图片上传(网上没有的)

    自己动手打造ajax图片上传(网上没有的)

  • ajax请求post和get的区别以及get post

    ajax请求post和get的区别以及get post