ajax异步处理POST表单中的数据示例代码
更新时间：2014年06月23日 15:57:50 投稿：whsnow
这篇文章主要介绍了如何利用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);
}
});
});
});
相关文章
ajax post方式表单提交setRequestHeader报错解决方法
ajax post方式表单提交设置异步对象的xhr.setRequestHeader，在谷歌浏览器的编译器中显示传值在Request Payload中这是错误的2014-09-09
Ajax.基础教程 电子书版 提供下载...2007-02-02
这篇文章主要为大家介绍了智能文本纠错API应用工作原理分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
这篇文章主要给大家介绍了关于利用ajax传递数组及后台接收的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-06-06
这篇文章主要为大家详细介绍了Ajax实现二级联动菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
AJAX实现二级级联菜单，用PHP完成2009-11-11
解决ajax的delete、put方法接收不到参数的问题方法
今天小编就为大家分享一篇解决ajax的delete、put方法接收不到参数的问题方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别
这篇文章主要介绍了Ajax访问不断变化的session的值不一致解决方法以及HTTP协议中的GET、POST的区别的相关资料,需要的朋友可以参考下2015-09-09
下面小编就为大家带来一篇Ajax实现简单下拉选项效果【推荐】。小编觉得挺不错的，现在分享给大家，一起跟随小编过来看看吧2016-04-04
这篇文章主要介绍了Django框架利用ajax实现批量导入数据功能的相关资料,需要的朋友可以参考下2016-03-03
最新评论