ajax異步處理POST表單中的數(shù)據(jù)示例代碼
更新時(shí)間：2014年06月23日 15:57:50 投稿：whsnow
這篇文章主要介紹了如何利用ajax異步處理POST表單中的數(shù)據(jù)，下面有個(gè)不錯(cuò)的示例，大家可以參考下
//防止頁(yè)面進(jìn)行跳轉(zhuǎn)
$(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);
}
});
});
});
您可能感興趣的文章:
- jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
- jquery下異步提交表單 異步跨域提交表單
- Jquery.Form 異步提交表單的簡(jiǎn)單實(shí)例
- Ajax異步提交表單數(shù)據(jù)的說(shuō)明及方法實(shí)例
- Javascript異步表單提交，圖片上傳，兼容異步模擬ajax技術(shù)
- ajax jquery 異步表單驗(yàn)證示例代碼
- yii2 modal彈窗之ActiveForm ajax表單異步驗(yàn)證
- Jquery異步提交表單代碼分享
- javascript將異步校驗(yàn)表單改寫(xiě)為同步表單
- jQuery異步提交表單的兩種方式
相關(guān)文章
本文給大家介紹ajax的三種實(shí)現(xiàn)及json解析的相關(guān)資料，對(duì)本文感興趣的朋友參考下2015-12-12
基于HTML5 Ajax實(shí)現(xiàn)文件上傳并顯示進(jìn)度條
這篇文章主要介紹了基于HTML5 Ajax實(shí)現(xiàn)文件上傳并顯示進(jìn)度條的相關(guān)資料,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了如何封裝一個(gè)Ajax函數(shù)，幫助大家更好的理解和學(xué)習(xí)網(wǎng)絡(luò)編程，感興趣的朋友可以了解下2021-05-05
ajax請(qǐng)求成功后新開(kāi)窗口window.open()被攔截解決方法
ajax 異步請(qǐng)求成功后需要新開(kāi)窗口打開(kāi) url，使用的是 window.open() 方法，但是很可惜被瀏覽器給攔截了，怎么解決這個(gè)問(wèn)題呢2014-09-09
AJAX實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)頁(yè)面異步請(qǐng)求實(shí)例代碼
下面小編就為大家?guī)?lái)一篇AJAX實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)頁(yè)面異步請(qǐng)求實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
淺析Ajax后臺(tái)success傳來(lái)json數(shù)據(jù)的問(wèn)題
最近在使用JQuery的ajax方法時(shí)，需要返回的數(shù)據(jù)為json數(shù)據(jù)，在success返回中數(shù)據(jù)處理會(huì)根據(jù)返回方式不同會(huì)采用不同的方式來(lái)生成json數(shù)據(jù)。下面小編給大家介紹下在$.ajax方法中應(yīng)該是如何來(lái)處理的2016-10-10
ajax原理總結(jié)附簡(jiǎn)單實(shí)例及其優(yōu)點(diǎn)
在工作中用了Ajax N多次了，也看過(guò)一些相關(guān)方面的書(shū)籍，也算是認(rèn)識(shí)了它，本文對(duì)ajax原理坐下總結(jié),需要的朋友可以參考下2014-04-04
通過(guò)數(shù)據(jù)庫(kù)和ajax方法寫(xiě)出地圖的實(shí)例代碼
AJAX 是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁(yè)的藝術(shù)，在不重新加載整個(gè)頁(yè)面的情況下。這篇文章主要介紹了通過(guò)數(shù)據(jù)庫(kù)和ajax方法寫(xiě)出地圖的實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
ajax結(jié)合mysql數(shù)據(jù)庫(kù)和smarty實(shí)現(xiàn)局部數(shù)據(jù)狀態(tài)的刷新方法
下面小編就為大家分享一篇ajax結(jié)合mysql數(shù)據(jù)庫(kù)和smarty實(shí)現(xiàn)局部數(shù)據(jù)狀態(tài)的刷新方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問(wèn)題
今天小編就為大家分享一篇解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08