`
zccst
  • 浏览: 3319236 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery的表单内容序列化方法serialize

 
阅读更多

jquery的表单内容序列化方法serialize

一、前端
<form class="search_from">
...
</form>
var container   = $('#xx_div');
var search_form = $(container.find('form.search_form'));
var param       = search_form.serialize();
$.post(url,param,function(r){},'json');

批注:
console.log(search_form);
console.log(search_form.serialize());

[form.search_form]index....ortscan (line 164)
ip=&port=&service=&o_ip_type=&status=&hostname=&department_id=&domain=&deal=-1&start_time=&end_time=&index=1&size=16


serialize()是jquery的一个方法,序列表表格内容为字符串
还有Array<Object>serializeArray() 返回 JSON 数据结构数据。


二、后端
$str = Yii::app()->request->getParam('param');
parse_str($str, $param);

批注:parse_str() 函数把查询字符串解析到变量中。
parse_str("id=23&name=John%20Adams",$myArray);
print_r($myArray);

输出:
Array
(
  [id] => 23
  [name] => John Adams
)
分享到:
评论

相关推荐

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

    最后,需要注意的是,当我们在使用`.serialize()`方法序列化表单数据时,那些没有指定`name`属性的表单元素将不会被序列化,即使它们没有被`.not()`方法排除。因此,在设计表单结构时,应当谨慎使用`name`属性,确保...

    关于jquery form表单序列化的注意事项详解

    本文主要给大家介绍的是关于jquery form表单序列化的一些注意事项,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: 我们先来讲讲表单中 中readonly和disabled的区别: readonly只对input和textarea...

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

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

    jQuery-serialize()输出序列化form表单值的方法

    定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串...

    jQuery 表单序列化实例代码

    标题中提到的知识点是“jQuery 表单序列化实例代码”,这指的是利用jQuery这个流行的JavaScript库简化在客户端对HTML表单数据进行序列化的过程。表单序列化主要是将表单中的输入元素编码为字符串,以便能够将其作为...

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

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

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

    在使用jQuery进行Web开发过程中,表单序列化是一项常见的操作,它允许开发者将表单中的输入元素编码成URL编码格式的字符串,通常用于表单提交。然而,在处理包含中文字符的表单时,我们可能会遇到序列化后的数据出现...

    jquery.serialize.js

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

    web前端培训教程表单序列化共4页.pdf.zip

    本教程聚焦于一个关键的前端技术——表单序列化,这是构建动态和交互式Web应用的重要环节。表单序列化是将HTML表单中的数据转换为服务器可理解的数据格式的过程,通常用于提交表单数据。 一、表单序列化的概念 在...

    将JavaScript的jQuery库中表单转化为JSON对象的方法

    大家知道Jquery中有serialize方法,可以将表单序列化为一个“&”连接的字符串,但却没有提供序列化为Json的方法。不过,我们可以写一个插件实现。   我在网上看到有人用替换的方法,先用serialize序列化后,将&替换...

    JQuery中serialize() 序列化

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

    jQuery基于ajax()使用serialize()提交form数据的方法

    jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如: &lt;form action=&gt; First name: &lt;input type=text name=...

    jquery表单美化

    总结来说,jQuery表单美化涉及的主要知识点包括:jQuery事件处理、DOM操作、样式切换、动画效果、表单序列化、Ajax提交以及第三方插件的使用。通过掌握这些技能,开发者能够打造出既实用又美观的网页表单,提升用户...

    jquery实现弹窗表单填写提交

    总结,这个项目涉及了jQuery的基本用法,包括DOM操作(选择元素、显示/隐藏元素)、事件处理、表单序列化、Ajax请求,以及基本的前端表单验证。这些都是Web开发者必备的技能,尤其在构建交互性强的网页应用时。通过...

    jQuery ajax serialize() 方法使用示例

    在深入探讨serialize()方法之前,首先需要了解表单序列化的概念。表单序列化是将表单中的输入字段(如文本框、复选框、隐藏字段等)转换成URL编码的字符串的过程。这个字符串可以被用于URL查询字符串或是HTTP请求体...

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

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

    jquery序列化方法实例分析

    serialize()只能序列化表单 。(注 : 表单里的内容 只能用 name ) 现在有一个对象: 代码如下:var obj={a:1,b:2,c:3}; 怎么让它序列化呢? 用prototype 可以用$H(obj).toQueryString() 搞定?jqueyr有什么方法吗...

Global site tag (gtag.js) - Google Analytics