jQuery添加序列化对象方法

最新推荐文章于 2023-03-15 21:47:54 发布
最新推荐文章于 2023-03-15 21:47:54 发布
阅读量929 收藏
点赞数
分类专栏： ĴQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/semial/article/details/80527765
版权 
<!DOCTYPE html>
<html>
<head>
 <meta name="baidu-site-verification" content="w6bXMN8Ejo"/> 
 <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.3, 
 maximum-scale=1.0, minimum-scale=0.3">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<form action=""  id="form-login"  class="forms">
<div class="errorPlacement"></div>
<p><input type="text" name="mobile" id="user_mobile" value="" maxlength="11" placeholder="请输入您的手机号"/></p>
<label class="psw-test"></label>
<p><input type="password" name="password" id="psw" value="" maxlength="20" placeholder="请输入密码，6-32个字符，只能由字母或数字组成"/></p>
<label class="twopsw-test"></label>
<p><input type="password" name="againPassword" id="repeat-psw" value="" maxlength="32"  placeholder="请输入确认密码"/></p>
<label class="telnum-test"></label>
<div class="tels">
<input type="text" name="code" id="tel-number" value="" maxlength="6"  placeholder="请输入手机验证码" />
<div class="submints">
<button class="repeat-psw-right" type="button" id="btn_setTimeSignUp" onclick="sendCode(this,'regist_form',1,'user_mobile')">发送验证码</button>
</div>
</div>
<div class="agreement">
<input type="checkbox" name="term" id="cbox" />
<p class="agreement-right">我已经阅阅读并同意
</p>
</div>
<input type="submit"  class="regist"  value="立即注册">
</form>
</body>
<script type="text/javascript"src="../js/jquery-1.8.3.js"></script>
<script>
//添加序列化对象方法
jQuery.prototype.serializeObject = function(){ 
    var obj = new Object(); 
    $.each(this.serializeArray(),function（index,param）{ 
        if(!(param.name in obj)){ 
            obj [param.name] = param.value; 
        } 
    }); 
    return obj; 
};
//通过封装的js序列化表单数据转换成对象
var obj= $("#form-login").serializeObject(); 
console.info(obj);
</script>
</html>

 

Mario♔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery序列化成对象js
11-07
form提交的时候以json对象的方式传递，需要使用的转化工具。
jquery.param()实现数组或对象的序列化方法
10-17
如果设置为`true`，`jQuery.param()`会使用传统的方式进行序列化，这种方式不会递归地处理嵌套的对象。在jQuery 1.4之前，这是默认行为；从1.4开始，默认值是`false`，意味着会递归处理对象。如果要确保在不同版本的...
jQuery对象的序列化详解
weixin_33775572的博客
10-16 222
一、param() 方法创建数组或对象的序列化表示。 　　该序列化值可在进行 AJAX 请求时在 URL 查询字符串中使用。 语法： 　　jQuery.param(object,traditional)　　object要进行序列化的数组或对象　　traditional规定是否使用传统的方式浅层进行序列化（参数序列化）。 　　$.ajax()设置 的 traditional参数实际上是设置 jQue...
jquery序列化对象
masuwen博客
07-28 1310
JQuery 的.serialize()方法用法//使用JQuery序列化表单对象修改对象信息 function upNademoAjax() { //1.所要提交的表单id（fromid) //2.控制器中方法名称（upNademoAjax) $.post("${项目名
jQuery中的序列化
weixin_34261415的博客
08-09 891
jQuery中的序列化有两种：1.对表单进行序列化序列表表格内容为字符串，用于 Ajax 请求。$("#searchForm").serialize();2.对数组进行序列化将表单元素数组或者对象序列化。是.serialize()的核心方法。注意此方法需在较高版本的jquery版本中使用$.param(arr)3.测试代码<%@pagecontent...
Jquery getJSON（） 序列化类以及集合（转）
weixin_30701521的博客
03-29 88
getJSON与aspx 准备工作 ·Customer类 public class Customer{public int Unid { get; set; }public string CustomerName { get; set; }public string Memo { get; set; }public string Other { get; set; }} ...
jquery将一个表单序列化为一个对象的方法
12-10
代码如下: var aa=function(form){ var o={}; $.each(form.serializeArray(),function(index){ if(o[this...经过方法处理就可以返回一个对象.例如console.info(aa($(“#myForm”)));可以把这个在火狐浏览器里面试试效
jQuery序列化表单成对象的简单实现
10-21
本文主要讨论如何使用jQuery将表单数据序列化为JavaScript对象，以便更方便地与服务器进行数据交互，特别是在使用EasyUI的datagrid组件进行查询时。 jQuery的`serialize()`方法可以将表单中的所有输入元素（如...
jQuery将表单序列化成一个Object对象的实例
10-21
jQuery的`serializeArray()`方法是默认用来序列化表单数据的，它会将表单中的所有已命名的元素转换为一个包含键值对的数组。然而，对于需要更高级别的数据结构，如对象，这个方法并不直接适用。 为了将表单数据转换...
jQuery实现form表单序列化转换为json对象功能示例
10-18
jQuery库提供了一种简单的方法来实现这一功能，本篇文章将详细介绍如何使用jQuery将form表单序列化并转换为JSON对象。 首先，让我们理解一下基本概念。**序列化（Serialization）**是将复杂的数据结构转化为字符串...
Jquery Model 类 添加多个对象 序列化 反序列化
风若寒
06-28 1262
前台的js代码： $(function() {//读取路径 var action = "Load"; $.post("videoUrl.ashx", { "action": action }, function(data, status) { if (status == "success
JQ表单序列化变成 对象
weixin_30563319的博客
06-07 85
JQ表单序列化变成 对象 function serializeObject(form) { var o = {}; $.each(form.serializeArray(), function(index) { if (o[this['name']]) { o[this['name']] = o[this['name']] + ";" + this['value']; } else { ...
jquery 将form中的元素序列化成对象；序列化对象填充到指定input
zxstone的专栏
01-14 6790
这是一正一反的两种方法，在行编辑的情况下，非常实用。 表单到对象时，设置其Name与之匹配； 对象到表单时，设置input的ID与返回的序列化后的对象名匹配。 正推， 表单到对象： sy.serializeObject = function(form) { var o = {}; $.each(form.serializeArray(), function(index) {
jquery中serialize()
admin_djp的博客
11-23 4390
文章目录前言一、定义和用法二、使用三、注意事项 前言 我们在表单ajax请求中，往往会传递一些参数,要是一个个获取感觉很麻烦,于是jQuery提供serialize()方法，让我们可以方便快捷的获取到表单中想要的值。 一、定义和用法 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 $("form").serialize
jQuery-serialize()输出序列化form表单值的方法
zzrshuiwuhen的专栏
04-26 844
实例  输出序列化表单值的结果：  复制代码代码如下: $("button").click(function(){  $("div").text($("form").serialize());  });  定义和用法  serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。  您可以选择一个或多个表单元素（比如 input 及/或 文本框）
jquery元素序列化执行或序列化
weixin_30920091的博客
01-27 108
1.each（）事件遍历所有满足条件的元素 <script> $(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); })...
JQuery AJax序列化元素
ld_____的博客
11-17 1815
在jQuery中，当我们使用ajax时，常常需要拼装input数据以键值对（Key / Value）的形式发送到服务器，用JQuery的serialize方法可以轻松的完成这个工作，使用这个方法可以将表单序列化为键值对（key1=value1&key2=value2…）后提交。 W3School方法介绍 serialize()方法 1、serialize()方法     该方法通过序列化表单
jquery将表单数据序列化json数据
likemj01的博客
03-15 995
使用jquery绑定按钮的单击事件序列化表单的值。，所以，我们使用序列化时可以灵活选择方法。使用方法为和前面两种一样，方法名改为。我这里的两个输入框的name值为。Jquery序列化表单数据。，单选按钮的name为。
jquery serializeArray()、serialize()增加数据
热门推荐
卡夫卡
10-31 2万+
serialize()、serializeArray()方法都是jquery用户序列化表单的，用于ajax提交的data值的序列化 但是它们的返回的结果有本质上的区别 在chrome的控制台我们很清楚的看到了serializeArray()返回的是json数组，数组的每个对象都是有json字符串构成，我们可以看到，每个json字符串包括两个键值对，每个键值对都是有name,value组
jquery 如何给对象param添加一个新字段
最新发布
06-07
在 jQuery 中，你可以使用 `jQuery.param()` 方法将一个对象序列化为一个 URL 查询字符串，然后你可以在这个查询字符串中添加新的字段。你可以通过将新的键值对添加到原始对象中，然后重新序列化对象来实现这一点。 例如，假设你有一个包含一些参数的对象： ``` var params = { foo: 'bar', baz: 'qux' }; ``` 现在，你想给这个对象添加一个新字段 `newField`，值为 `newValue`，你可以这样做： ``` params.newField = 'newValue'; ``` 然后，你可以将 `params` 对象序列化为一个 URL 查询字符串： ``` var queryString = jQuery.param(params); ``` 现在，`queryString` 的值将是： ``` 'foo=bar&baz=qux&newField=newValue' ``` 注意，如果你想保留原始的 `params` 对象，并且只是为了生成一个新的查询字符串，那么你可以使用以下代码： ``` var newParams = $.extend({}, params, { newField: 'newValue' }); var queryString = jQuery.param(newParams); ``` 这会创建一个新的对象 `newParams`，它是原始对象 `params` 的一个浅拷贝，并且添加了一个新的字段 `newField`。然后，你可以将新的 `newParams` 对象序列化为一个 URL 查询字符串。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值