jQuery ajax中使用serialize()方法提交表單數(shù)據(jù)示例
更新時(shí)間：2013年10月14日 17:33:34 作者：
使用jQuery ajax的serialize() 方法表單序列化為鍵值對(duì)（key1=value1&key2=value2…）后提交，下面是使用serialize()序列化表單的實(shí)例，感興趣的朋友可以參考下
jQuery ajax中數(shù)據(jù)以鍵值對(duì)（Key/Value）的形式發(fā)送到服務(wù)器，使用ajax提交表單數(shù)據(jù)時(shí)可以使用jQuery ajax的serialize() 方法表單序列化為鍵值對(duì)（key1=value1&key2=value2…）后提交。serialize() 方法使用標(biāo)準(zhǔn)的 URL-encoded 編碼表示文本字符串。下面是使用serialize()序列化表單的實(shí)例：
$.ajax({
type: "POST",
url: ajaxCallUrl,
data: "Key=Value&Key2=Value2",
success: function(msg){alert(msg);}
});
ajax serialize():
$.ajax({
type: "POST",
url:ajaxCallUrl,
data:$('#formID').serialize(),// 要提交的表單
success: function(msg) {alert(msg);}
});
實(shí)例：
復(fù)制代碼 代碼如下:
$.ajax({
type: "POST",
url: ajaxCallUrl,
data: "Key=Value&Key2=Value2",
success: function(msg){alert(msg);}
});
ajax serialize():
復(fù)制代碼 代碼如下:
$.ajax({
type: "POST",
url:ajaxCallUrl,
data:$('#formID').serialize(),// 要提交的表單
success: function(msg) {alert(msg);}
});
實(shí)例：
您可能感興趣的文章:
- jQuery動(dòng)態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
- jquery動(dòng)態(tài)改變form屬性提交表單
- JQuery動(dòng)態(tài)創(chuàng)建DOM、表單元素的實(shí)現(xiàn)代碼
- jQuery使用動(dòng)態(tài)渲染表單功能完成ajax文件下載
- jQuery動(dòng)態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
- jQuery實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證時(shí)文本框抖動(dòng)效果完整實(shí)例
- jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)
- jQuery實(shí)現(xiàn)表單動(dòng)態(tài)加減、ajax表單提交功能
- jquery ajax提交表單數(shù)據(jù)的兩種方式
- jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
- jQuery實(shí)現(xiàn)表單動(dòng)態(tài)添加與刪除數(shù)據(jù)操作示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于HTML5的可預(yù)覽多圖片Ajax上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了使用AJAX實(shí)現(xiàn)上傳文件，無需任何插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
本文給大家介紹ajax的三種實(shí)現(xiàn)及json解析的相關(guān)資料，對(duì)本文感興趣的朋友參考下2015-12-12
在看文章前，先指定一個(gè)變量xhr，xhr代表ajax對(duì)象。測(cè)試瀏覽器：ie為ie6，firefox為2，其他的未測(cè)試。統(tǒng)稱ie6為ie，firefox2為ff。2011-01-01
用 ajax 的方法解決網(wǎng)頁廣告顯示的問題...2006-12-12
下面小編就為大家?guī)硪黄狝jax解決緩存的5種方法總結(jié)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了Ajax全局加載框(Loading效果)的配置的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
IE瀏覽器與FF瀏覽器關(guān)于Ajax傳遞參數(shù)值為中文時(shí)的區(qū)別實(shí)例分析
這篇文章主要介紹了IE瀏覽器與FF瀏覽器關(guān)于Ajax傳遞參數(shù)值為中文時(shí)的區(qū)別,結(jié)合實(shí)例分析說明了ajax參數(shù)傳遞過程中的參數(shù)轉(zhuǎn)碼相關(guān)注意事項(xiàng)與使用技巧,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了ajax遍歷xml文檔的方法,實(shí)例分析了jsp結(jié)合Ajax遍歷XML文檔的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
很多的新手朋友們不知道ajax如何處理返回json值，在本文將為大家詳細(xì)介紹下2013-09-09