主頁(yè) > 知識(shí)庫(kù) > ajax異步處理POST表單中的數(shù)據(jù)示例代碼

ajax異步處理POST表單中的數(shù)據(jù)示例代碼

熱門(mén)標(biāo)簽:Mysql連接數(shù)設(shè)置 阿里云 Linux服務(wù)器 電子圍欄 銀行業(yè)務(wù) 科大訊飛語(yǔ)音識(shí)別系統(tǒng) 團(tuán)購(gòu)網(wǎng)站 服務(wù)器配置
//防止頁(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異步提交表單的兩種方式

標(biāo)簽:衢州 江蘇 衡水 蚌埠 廣元 萍鄉(xiāng) 大理 棗莊

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax異步處理POST表單中的數(shù)據(jù)示例代碼》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266