jQuery ajax中使用serialize()方法提交表單數(shù)據(jù)示例
更新時(shí)間:2013年10月14日 17:33:34 作者:
使用jQuery ajax的serialize() 方法表單序列化為鍵值對(key1=value1&key2=value2…)后提交,下面是使用serialize()序列化表單的實(shí)例,感興趣的朋友可以參考下
jQuery ajax中數(shù)據(jù)以鍵值對(Key/Value)的形式發(fā)送到服務(wù)器,使用ajax提交表單數(shù)據(jù)時(shí)可以使用jQuery ajax的serialize() 方法表單序列化為鍵值對(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動態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
- jquery動態(tài)改變form屬性提交表單
- JQuery動態(tài)創(chuàng)建DOM、表單元素的實(shí)現(xiàn)代碼
- jQuery使用動態(tài)渲染表單功能完成ajax文件下載
- jQuery動態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
- jQuery實(shí)現(xiàn)動態(tài)表單驗(yàn)證時(shí)文本框抖動效果完整實(shí)例
- jquery 動態(tài)增加,減少input表單的簡單方法(必看)
- jQuery實(shí)現(xiàn)表單動態(tài)加減、ajax表單提交功能
- jquery ajax提交表單數(shù)據(jù)的兩種方式
- jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
- jQuery實(shí)現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作示例
相關(guān)文章
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

