ajax異步處理POST表單中的數(shù)據(jù)示例代碼
更新時間：2014年06月23日 15:57:50 投稿：whsnow
這篇文章主要介紹了如何利用ajax異步處理POST表單中的數(shù)據(jù)，下面有個不錯的示例，大家可以參考下
//防止頁面進行跳轉
$(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傳遞數(shù)組及后臺接收的相關資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來學習學習吧。2017-06-06
這篇文章主要為大家詳細介紹了Ajax實現(xiàn)二級聯(lián)動菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
AJAX實現(xiàn)二級級聯(lián)菜單，用PHP完成2009-11-11
解決ajax的delete、put方法接收不到參數(shù)的問題方法
今天小編就為大家分享一篇解決ajax的delete、put方法接收不到參數(shù)的問題方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
如何解決Ajax訪問不斷變化的session的值不一致以及HTTP協(xié)議中的GET、POST的區(qū)別
這篇文章主要介紹了Ajax訪問不斷變化的session的值不一致解決方法以及HTTP協(xié)議中的GET、POST的區(qū)別的相關資料,需要的朋友可以參考下2015-09-09
下面小編就為大家?guī)硪黄狝jax實現(xiàn)簡單下拉選項效果【推薦】。小編覺得挺不錯的，現(xiàn)在分享給大家，一起跟隨小編過來看看吧2016-04-04
Django框架利用ajax實現(xiàn)批量導入數(shù)據(jù)功能
這篇文章主要介紹了Django框架利用ajax實現(xiàn)批量導入數(shù)據(jù)功能的相關資料,需要的朋友可以參考下2016-03-03