bob体育官方平台
bob体育官方平台jQuery序列化表单成对象的简单实现_jquery_脚本之家

在应用easyui的datagrid组件时,在查询时传递的查询参数是目的类型,为了便利,扩大了jquery中的系列化方法,调用该办法,能够将表单的具有数据种类化

jQuery - serialize() 方法

$.fn.serializeObject=function(){ var obj=new Object(); $.each,function{ if{ obj[param.name]=param.value; } }); return obj; }; 

Insert title here/* 将form表单序列化成对象object*/$.fn.serializeObject=function(){ var obj=new Object(); $.each,function{ if{ obj[param.name]=param.value; } }); return obj; }; $;});function query() {var params=$.serializeObject();//{username:$}$.datagrid({url : '${ctx}/user/loadData.action',pagination : true,idField : 'id',rownumbers : true,singleSelect : true,queryParams : params,pageSize : 10,pageNumber:1,pageList : [ 10, 20, 30, 40 ],sortName : 'age',sortOrder : 'asc',fitColumns : true,columns : [ [ {field : 'phone',title : '电话',width : 150,align : 'center',sortable : 'true'}, {field : 'age',title : '年龄',width : 100,align : 'center',sortable : 'true'}, {field : 'email',title : '邮箱',width : 100,align : 'left',sortable : 'true'}, {field : 'username',title : '用户名',width : 150,align : 'center',sortable : 'true'}, {field : 'password',title : '密码',width : 200,align : 'left'}, {field : '_opt',title : '操作',width : 200,align : 'center',formatter : fmtOperate} ] ]});}function fmtOperate {var e='';e += '<a href="${ctx}/user/initForm.action?id=' + row.id + '">编辑</a> ';e += '<a href="javascript:void" onclick="del;">删除</a>';return e;}/* 删除 */function del {$.messager.confirm("系统提示", "您确定要删除这条记录吗?", function {$.post("${ctx }/user/delete.action", {id : id}, function {if  {$.messager.show({title : "系统提示",msg : result.msg,showType : "show"});$.datagrid;} else {$.messager.show({title : "系统提示",msg : result.msg,showType : 'show'});}}, "json");}});}/*添加*/function add(){window.location.href="${ctx}/user/initForm.action?id=0";}

W3School给出的定义与用法:

以上那篇jQuery种类化表单成靶子的简约实现正是作者分享给大家的全体内容了,希望能给大家多个参照,也盼望大家多多指教脚本之家。

serialize(卡塔尔(قطر‎ 方法通过系列化表单值,创制 U库罗德L 编码文本字符串。

你可以选用贰个或三个表单成分,或许 form 成分本身。

系列化的值可在生成 AJAX 必要时用来 UCR-VL 查询字符串中。

语法

$详细表明.serialize(卡塔尔(قطر‎ 方法创设以正规化 UTiguanL 编码表示的文本字符串。它的操作对象是意味着表单成分集结的 jQuery 对象。

------------------------- 分割线 ----------------------

serialize(卡塔尔国函数用于体系化生龙活虎组表单成分,将表单内容编码为用于提交的字符串。

serialize(卡塔尔国函数常用于将表单内容种类化,以便用于AJAX提交。

该函数主要借助用于提交的管用表单控件的name和value,将它们拼接为一个可直接用来表单提交的文本字符串,该字符串已经过专门的学业的U奥迪Q5L编码管理。

返回顶部