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表單的簡單方法(必看)
- 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)文章
ajax加載頁面服務(wù)器返回 304 not modified
服務(wù)器都返回 304 not modified 說明在服務(wù)器上,你這個(gè)xml文件沒有修改過,或者要加載的頁面在本地沒有被修改,本地緩存造成了這個(gè)問題2014-04-04基于bootstrap的上傳插件fileinput實(shí)現(xiàn)ajax異步上傳功能(支持多文件上傳預(yù)覽拖拽)
這篇文章主要介紹了基于bootstrap的上傳插件fileinput 的ajax異步上傳功能(支持多文件上傳預(yù)覽拖拽),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03淺析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-10ajax實(shí)現(xiàn)session不過期(避免頁面過期的現(xiàn)象)
在寫博客時(shí)要寫好長時(shí)間但沒有出現(xiàn)這種情況并且有實(shí)時(shí)的自動(dòng)保存;這就涉及到了session的過期時(shí)間問題,下面與大家分享下具體的實(shí)現(xiàn)方法2013-06-06AJAX原理以及axios、fetch區(qū)別實(shí)例詳解
前端是個(gè)發(fā)展迅速的領(lǐng)域,前端請(qǐng)求自然也發(fā)展迅速,從原生的XHR到j(luò)query ajax,再到現(xiàn)在的axios和fetch,下面這篇文章主要給大家介紹了關(guān)于AJAX原理以及axios、fetch區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-04-04切記ajax中要帶上AntiForgeryToken防止CSRF攻擊
在程序項(xiàng)目中經(jīng)??吹絘jax post數(shù)據(jù)到服務(wù)器沒有加上防偽標(biāo)記,導(dǎo)致CSRF被攻擊,下面小編通過本篇文章給大家介紹ajax中要帶上AntiForgeryToken防止CSRF攻擊,感興趣的朋友一起學(xué)習(xí)吧2015-10-10