国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery中驗證表單提交方式及序列化表單內容的實現

2024-05-06 15:58:28
字體:
來源:轉載
供稿:網友
之前項目中使用的表單提交方式,使用form()方法可以將提交事件脫離submit按鈕,綁定到任何事件中,下面有個不錯的示例大家可以參考下

之前項目中使用的表單提交方式

使用form()方法可以將提交事件脫離submit按鈕,綁定到任何事件中

復制代碼 代碼如下:


function addSubmit(){
$('#addForm').form('submit', {
url : _basePath + '/@Controller/@RequestMapping',
onSubmit : function() {
if(boolean){//放置能否提交的判斷條件
$.messager.show({
title:'提示',msg:'不符合保存條件',
showType:'fade',style:{right:'',bottom:''}
});
return false;//阻止表單提交
}
return $('#addForm').form('validate');//判斷required項是否全部有值
},
success : function(data) {
var obj = jQuery.parseJSON(data);//將返回的JSON轉化為所需對象(ResponseData)
if (!obj.success) {//判斷返回的ResponseData對象中標示狀態的屬性值
$.messager.show({
title:'提示',msg:'保存失敗',
showType:'fade',style:{right:'',bottom:''}
});
} else {
$.messager.show({
title:'提示',msg:'保存成功',
showType:'fade',style:{right:'',bottom:''}
});
$("#addWin").window("close");//關閉提交pwkk
query();//刷新結果集
}
}
});
}


今天在《鋒利的jQuery》中又讀到這樣一種提交方式,使用ajax封裝了表單內容用post提交

復制代碼 代碼如下:


$("#btn").click(function() {
$.get("get.php", {username:$("#username").val(), password:$("#password").val()}, function(data, textStatus) {//將表單中的數據逐條取出后封裝上傳
$("#target").html(data);//將返回值填充至頁面中
});
});


而后有一個簡化版,使用serialize()方法序列化

復制代碼 代碼如下:


$("#btn").click(function() {
$.get("get.php", $("#form").serialize(), function(data, textStatus) {//將表單中的數據逐條取出后封裝上傳
$("#target").html(data);//將返回值填充至頁面中
});
});


serialize()方法可以自動編碼,而且除表單之外的如checkbox等對象也可以使用其進行轉換

同時還有serializeArray()方法可以將元素序列化后返回數組形式的JSON對象,而非JSON字符串

即無需使用jQuery.parseJSON()方法進行轉換

返回值可直接使用類似$.each()等方法進行操作使用
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 大余县| 新平| 盐池县| 白银市| 佛学| 会同县| 临澧县| 车致| 大同县| 潍坊市| 焉耆| 武夷山市| 庄浪县| 朝阳县| 社旗县| 都江堰市| 东辽县| 大厂| 缙云县| 长宁区| 长宁区| 毕节市| 京山县| 东山县| 仲巴县| 贵定县| 元氏县| 望谟县| 邮箱| 汪清县| 德庆县| 开远市| 合江县| 巴林右旗| 防城港市| 延津县| 炎陵县| 思南县| 肇东市| 宣汉县| 微山县|