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的三种实现及json解析的相关资料，对本文感兴趣的朋友参考下2015-12-12
这篇文章主要介绍了基于HTML5 Ajax实现文件上传并显示进度条的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了如何封装一个Ajax函数，帮助大家更好的理解和学习网络编程，感兴趣的朋友可以了解下2021-05-05
ajax请求成功后新开窗口window.open()被拦截解决方法
ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是很可惜被浏览器给拦截了，怎么解决这个问题呢2014-09-09
下面小编就为大家带来一篇AJAX实现简单的注册页面异步请求实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
最近在使用JQuery的ajax方法时，需要返回的数据为json数据，在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。下面小编给大家介绍下在$.ajax方法中应该是如何来处理的2016-10-10
在工作中用了Ajax N多次了，也看过一些相关方面的书籍，也算是认识了它，本文对ajax原理坐下总结,需要的朋友可以参考下2014-04-04
AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。这篇文章主要介绍了通过数据库和ajax方法写出地图的实例代码的相关资料,需要的朋友可以参考下2016-10-10
ajax结合mysql数据库和smarty实现局部数据状态的刷新方法
下面小编就为大家分享一篇ajax结合mysql数据库和smarty实现局部数据状态的刷新方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
今天小编就为大家分享一篇解决ajax请求后台,有时收不到返回值的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论