时间:2021-05-26
之前项目中使用的表单提交方式
使用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()等方法进行操作使用
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax序列化表单$(表单ID)serialize();就行了,下面我
原生表单序列化随着Ajax的出现,表单序列化已经成为一种需求,在学习原生Ajax时,若用POST方法向后台提交数据时,就需要将表单序列化在JavaScript中
本文实例讲述了jquery序列化方法。分享给大家供大家参考。具体分析如下:做ajax的时候,经常需要序列化,serialize()只能序列化表单。(注:表单里的
验证表单的时候经常需要获取表单中name='***'的元素的值,然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个
本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考,具体如下:这段代码序列化form表单元素为json对象:jQue