`

jquery serialize()

 
阅读更多

使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作。如:

<form id="form1">
<input name="name1" type="text" value="pipi" />
<input name="name2" type="radio" value="1" checked/>boy<input name="name2" type="radio" value="0"/>girl
<textarea name="name3">test</textarea>
</form>
使用:
$("#form1").serialize();
结果:
name1=pipi&name2=1&name3=test



但是有个问题,如果是下面的情况:



<form id="form1">


<input name="name" type="text" value="pipi" />

 

<input name="blog" type="text" value="blue submarine" />



</form>



使用:
$("#form1").serialize();
结果:
name1=pipi&blog=blue+submarine
就是如何能让+号变回空格呢?



还有一个问题,如下所示:



<form id="form1">


<input name="length" type="text" value="pipi" />

 

<input name="blog" type="text" value="blue submarine" />



</form>



使用:
$("#form1").serialize();
结果:
blog=blue+submarine



没法出现length=pipi



原因是length是js数组的属性关键字,出现冲突了,将name改为其他非冲突字符串即可
分享到:
评论

相关推荐

    Jquery serialize() 中文乱码及解决方法

    Jquery serialize() 中文乱码及解决方法 Jquery serialize() 方法在处理中文数据时,经常会出现乱码问题。这种问题的原因是 serialize() 方法自动调用了 encodeURIComponent 方法将数据编码了,从而导致中文乱码。...

    jquery serialize 转换成GBK的编码

    jquery的serialize方法把中文转化成GBK的编码方式。

    前端项目-jquery-serialize-object.zip

    本项目"前端项目-jquery-serialize-object"关注的是使用jQuery来序列化表单字段,将它们转换为JavaScript对象或JSON格式,这在提交表单数据到服务器时尤其有用。下面我们将深入探讨这一主题。 1. **jQuery 序列化...

    JQuery中serialize()用法实例分析

    本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下: 一、serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的...

    jQuery ajax serialize() 方法使用示例

    接下来,我们来看看如何在jQuery中使用serialize()方法。在上述文件中,给出了一个HTML表单的例子,并通过JavaScript中的serialize()方法获取了表单数据的序列化字符串。这个方法直接作用于代表表单元素集合的jQuery...

    jQuery ajax serialize()方法的使用以及常见问题解决

    使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作接下来介绍jQuery ajax - serialize() 方法定义和用法,感兴趣的朋友可以了解下啊,希望本文对你有所...

    jQuery中:checkbox选择器用法实例

    &lt;script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"&gt; $(document).ready(function(){ $("button").click(function(){ $(":checkbox").hide(); }); }); &lt;li&gt;&lt;input type="checkbox...

    jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法

    总结来说,处理jQuery serialize()方法导致的中文乱码问题,关键是要理解encodeURIComponent与decodeURIComponent的编码解码机制,并在需要的时候对序列化数据进行正确的解码处理。这样可以确保数据的正确传输和使用...

    jQuery序列化form表单数据为JSON对象的实现方法

    jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...

    jquery序列化表单去除指定元素示例代码

    首先,我们需要了解jQuery的序列化方法`serialize()`的基本用法。`serialize()`方法能够获取表单元素,并将其值编码为URL编码的字符串。格式如下: ```javascript $('form').serialize(); ``` 这个方法会取得表单内...

    jquery.serialize.js

    自己写的一个jquery复杂表单序列化工具

    jQuery Form表单取值的方法

    总的来说,jQuery的`.serialize()`方法简化了表单数据的获取和提交过程,使得处理大量表单字段变得更加高效和可靠。通过这种方式,开发者可以更专注于业务逻辑,而不是基础的DOM操作。在实际开发中,配合其他jQuery...

    serializeJSON:jQuery插件包装jQuery的serializeArray()输出,并将键值映射为单个对象,包括使用单个键将同名的多个字段转换为值列表。 非常适合“ POST”数据

    serializeJSON 0.0.2 麻省理工学院执照jQuery插件包装jQuery的serializeArray()输出,并将键值映射为单个对象,包括使用单个键将同名的多个字段转换为值列表。 插件不进行类型检查/转换。 它只是将数据收集到一个...

    JQuery中serialize() 序列化

    本文导读:在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&...

    jquery.serializeJSON:将HTML表单序列化为JavaScript对象,支持嵌套的属性和数组

    jquery.serializeJSON 将方法.serializeJSON()添加到以将表单序列化为JavaScript对象。 支持与Ruby on Rails中使用的嵌套参数相同的格式。 安装 使用bower install jquery.serializeJSON或 npm install jquery-...

    jquery.serialize() 函数语法及简单实例

    `jQuery.serialize()` 函数是jQuery库中用于处理表单数据的一个非常重要的方法。它能够将一个HTML表单中的数据序列化成一个URL编码的字符串,这个字符串可以方便地用于Ajax请求,或者直接作为HTTP请求的查询字符串。...

    jQuery工具方法serialize()和serializeArray()

    `serialize()`和`serializeArray()`是jQuery提供的一对非常实用的工具方法,主要用于处理表单数据。这两个方法在网页开发中尤其关键,因为它们能够方便地将用户在表单中输入的数据转化为适合发送到服务器的格式。 `...

Global site tag (gtag.js) - Google Analytics