ajax異步處理POST表單中的數(shù)據(jù)示例代碼
更新時(shí)間：2014年06月23日 15:57:50 投稿：whsnow
這篇文章主要介紹了如何利用ajax異步處理POST表單中的數(shù)據(jù)，下面有個(gè)不錯(cuò)的示例，大家可以參考下
//防止頁面進(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);
}
});
});
});
您可能感興趣的文章:
相關(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請求成功后新開窗口window.open()被攔截解決方法
ajax 異步請求成功后需要新開窗口打開 url，使用的是 window.open() 方法，但是很可惜被瀏覽器給攔截了，怎么解決這個(gè)問題呢2014-09-09
AJAX實(shí)現(xiàn)簡單的注冊頁面異步請求實(shí)例代碼
下面小編就為大家?guī)硪黄狝JAX實(shí)現(xiàn)簡單的注冊頁面異步請求實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
淺析Ajax后臺(tái)success傳來json數(shù)據(jù)的問題
最近在使用JQuery的ajax方法時(shí)，需要返回的數(shù)據(jù)為json數(shù)據(jù)，在success返回中數(shù)據(jù)處理會(huì)根據(jù)返回方式不同會(huì)采用不同的方式來生成json數(shù)據(jù)。下面小編給大家介紹下在$.ajax方法中應(yīng)該是如何來處理的2016-10-10
ajax原理總結(jié)附簡單實(shí)例及其優(yōu)點(diǎn)
在工作中用了Ajax N多次了，也看過一些相關(guān)方面的書籍，也算是認(rèn)識(shí)了它，本文對(duì)ajax原理坐下總結(jié),需要的朋友可以參考下2014-04-04
通過數(shù)據(jù)庫和ajax方法寫出地圖的實(shí)例代碼
AJAX 是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術(shù)，在不重新加載整個(gè)頁面的情況下。這篇文章主要介紹了通過數(shù)據(jù)庫和ajax方法寫出地圖的實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
ajax結(jié)合mysql數(shù)據(jù)庫和smarty實(shí)現(xiàn)局部數(shù)據(jù)狀態(tài)的刷新方法
下面小編就為大家分享一篇ajax結(jié)合mysql數(shù)據(jù)庫和smarty實(shí)現(xiàn)局部數(shù)據(jù)狀態(tài)的刷新方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12
解決ajax請求后臺(tái),有時(shí)收不到返回值的問題
今天小編就為大家分享一篇解決ajax請求后臺(tái),有時(shí)收不到返回值的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08