JQuery的 serializeObject 序列化form表单

JQuery的将表单序列化为三种格式：

1. serialize() 序列化form表单内容为字符串

2. serializeArray() ;返回JSON 对象数组

3. 封装一个方法： serializeObject() ; 返回对象

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>JQuery的serializeObject 序列化form表单</title></head><body><form id="submitForm"><input type="text" name="username" value="luo"/><input type="text" name="password" value="123"/><input type="submit" value="提交"/></form></body>
</html>

1. serialize() 序列化form表单内容为字符串

 $("#submitForm").serialize();

转换格式为：

"username=luo&password=123"

2. serializeArray() ;返回JSON 对象数组

 $("#submitForm").serializeArray();

转换格式为：

[{name:"username",value:"luo"},{name:"password",value:"123"}]

3. 封装一个方法： serializeObject() ; 返回对象

   //给jQuery添加一个方法jQuery.fn.serializeObject = function () {var formData = {};var formArray = this.serializeArray();for(var i = 0, n = formArray.length; i < n; ++i){formData[formArray[i].name] = formArray[i].value;}return formData;};$("#submitForm").serializeObject();

转换格式为：

 {username:"luo",password:"123"}

JQuery的 serializeObject 序列化form表单相关推荐

jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
jquery $('#form1').serialize()序列化提交表单总结
1.$("#form1").serialize() 把form表单的值序列化成一个字符串,如username=admin&password=admin123<form ...
jQuery实现数据映入form表单
jQuery实现数据映入form表单 //显示用户信息 function show(type, yhdm) {return $.ajax({url: getUrlPath() + '/userMana ...
jQuery中ajax用form表单方式提交数据
给表单加ID值,如图: 写ajax方法,如图: servlet返回是否添加成功,如图: jsp页面 <div class="modal-content"><div ...
jquery的ajax获取form表单数据
jq是对dom进行的再次封装.是一个js库,极大简化了js使用 jquery库在js文件中,包含了所有jquery函数,引用: 这里主要介绍jquery获取页面form数据使用的过程 html页面代码 ...
form表单提交以及用Jquery实现ajax提交form表单
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交,每一个input标签都 ...
jquery的ajax提交form表单方式总结
方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModif ...
form表单序列化JSON
1. 简单属性的表单域,序列化后只有一层JSON对象 /*** 功能:序列化form表单数据成Json对象* 1.name均是简单的一级对象* 2.同名的name属性,值会被序列化为数组,例如chec ...
使用jquery.form.js实现form表单无刷新提交简单示例
2019独角兽企业重金招聘Python工程师标准>>> 直到今天,才发现JQuery原来有个Form表单插件,而且还是无刷新页面提交表单,看来自己还要多加强学习啊!不多说了,直接贴代 ...

JQuery的 serializeObject 序列化form表单

JQuery的 serializeObject 序列化form表单相关推荐

最新文章

热门文章