jquery表单序列化-将 jQuery 序列化表单值转换为 Json

2023-08-21 0 5,236 百度已收录

小孩子有一个表单,他想在Json方法中获取表单的内容。 孩子们尝试了以下方法。

序列化后的表单值字符串可以通过$("#form").serialize()获取。

例如:

a=1&b=2&c=3&d=4&e=5

通过 $("#form").serializeArray() 输出将表单值序列化为链表。

[ 
 {name: 'firstname', value: 'Hello'}, 
 {name: 'lastname', value: 'World'},
 {name: 'alias'}, // 值为空
]

一切都不能满足孩子们获取Json的愿望。堆栈溢出后jquery表单序列化,找到了这样的方法

jquery表单序列化-将 jQuery 序列化表单值转换为 Json

$.fn.serializeObject = function()
{
 var o = {};
 var a = this.serializeArray();
 $.each(a, function() {
 if (o[this.name] !== undefined) {
  if (!o[this.name].push) {
  o[this.name] = [o[this.name]];
  }
  o[this.name].push(this.value || '');
 } else {
  o[this.name] = this.value || '';
 }
 });
 return o;
};

然后通过 $("#form").serializeObject(); 即可获取Json内容。

以上就是小编给大家介绍的jquery序列化表单值转换为Json。 希望对您有所帮助。 如果您有任何疑问,请给我留言jquery表单序列化,编辑会及时回复您。 非常感谢您对后台开发者网站的支持!

在通信、Web 和桌面应用程序或 JavaScript 库开发领域,文档对于应用程序的成功起着极其重要的作用。 但如果您以前写过文档,您肯定会同意我的观点:编写文档是开发人员最不喜欢做的事情之一。

与编写代码(这是开发人员的真正工作)不同,文档必须易于每个人(不仅是开发人员,还包括缺乏技术背景的普通人)理解。 从技术上来说,我们要把机器语言(代码)翻译成普通人能理解的语言,这说起来容易做起来难。

尽管它可能对您来说是一个很大的负担,但记录是该过程的重要组成部分,并且对您的用户、您的朋友,尤其是您自己来说非常有用。

好的文档可以帮助用户

显然,文档可以帮助读者理解代码的工作原理。 但很多开发者有一个错误的认识,那就是认为软件的使用者就是编程大神。 在这样的假设下,他们编写的文档可能只有几页薄页,从头到尾跳过了文档应该包含的许多要点。 如果你精通编程语言,你可以自己找到问题的解决方案。 如果你不是那么专业,在看文档的时候很容易迷失方向。

供用户使用的文档通常包括实用或“操作方法”内容。 为普通用户创建文档时,经验法则是文档应该清晰直观。 最好使用普通人容易理解的词语,而不是使用技术术语或专业习语。 软件的实际应用实例也很受用户欢迎。

精心设计的文档布局还可以真正帮助用户轻松浏览文档的各个部分。 一些很好的例子包括 Bootstrap 的文档和 WordPress 的“WordPress 的第一步”文档,这两个都是我最喜欢的例子。

良好的文档可以帮助其他开发人员

jquery表单序列化-将 jQuery 序列化表单值转换为 Json

每个开发人员都有自己的编码风格。 但在团队合作中,我们经常需要与其他朋友共享代码。 因此,您有必要达成共识并形成一套标准,以使每个人都达成共识。 一份写得好的书面文件将成为团队必要的参考。

但与最终用户文档不同,此类文档通常描述技术流程,例如代码命名约定、显示开发人员应如何构建特定页面、API 如何工作以及一些代码示例。 通常,我们还必须在代码中记录(称为注释)来描述注释代码的作用。

此外,如果后来有新人加入团队,这种类型的文档可以成为培训他们的一种节省时间且有效的方法,因此您不必向新人一对一地解释代码。

好的文档也可以帮助开发者自己

编程的有趣之处在于,有时甚至开发人员自己也无法理解他们编写的代码。 尤其是当开发人员几个月甚至几年都没有碰过自己写的代码时,突然回过头来看自己的工作,会很奇怪。

如果由于某种原因,开发人员需要重新访问原始代码,他们常常想知道编写这段代码时自己在想什么。 不要感到震惊:我以前见过这种情况发生。 在这些情况下,我绝对希望我为我的代码编写了良好的文档。

jquery表单序列化-将 jQuery 序列化表单值转换为 Json

如果你为你的代码写了一份好的文档,你就可以快速深入到代码底层,而无需那么多疑虑,从而节省大量时间。 节省下来的时间可以用来完成修改工作。

好的文档有哪些特征?

有几个触发器可以帮助您创建良好的文档。 一些最重要的触发因素如下:

1. 永远不要假设

不要假设用户知道你所知道的,或者他们知道他们应该知道的。 无论用户的熟练程度如何,从头开始解释总是更好。

例如,如果您构建一个 jQuery 插件,您可能会从 SlickJS 的文档中获得灵感。 它解释了如何构建 HTML,在哪里放置 CSS 和 JavaScript,解释了如何从头开始初始化 jQuery 插件,甚至显示了完整的最终标记以及添加的所有内容,所有内容都写得很清楚。

jquery表单序列化-将 jQuery 序列化表单值转换为 Json

最重要的是,文档应该根据用户的思维过程来编写,而不是开发人员的思维过程。 以这些方式处理您自己的文档将使您更好地了解如何组织代码。

2. 符合标准

添加与代码内联的文档时jquery初始化加载,请使用您期望从代码的编程语言中获得的标准。 我们应该始终解释每个函数、变量和函数返回的值的含义。 这是 PHP 内联文档的一个很好的示例。

/**
 * Adds custom classes to the array of body classes.
 *
 * @param array $classes Classes for the body element.
 * @return array
 */
function body_classes( $classes ) {
  // Adds a class of group-blog to blogs with more than 1 published author.
  if ( is_multi_author() ) {
    $classes[] = 'group-blog';
  }
  return $classes;
}
add_filter( 'body_class', 'body_classes' );

以下是使用 PHP、JavaScript 和 CSS 构建低层内联文档最佳实践的一些参考:

如果您使用 SublimeText,我建议安装 DocBlockr,它将智能地用内联文档预填充您的代码。

3.图形元素

文档中应该更多地使用图形元素,它们比文本更直观。 这些媒介很有用,特别是当您使用图形界面构建软件时。 您可以添加方向元素,例如箭头、圆圈或任何有助于用户直观地了解如何完成此类步骤的元素。

以下是 Tower 应用程序中的示例,您可以从中汲取灵感。 他们很好地解释了如何以比纯文本命令行更容易理解的方式进行版本控制工作。

4、分区

您可以考虑将文档中的某些内容包装在项目符号列表和表格中,因为这使用户可以更轻松地浏览较长的内容并快速找到它。

jquery表单序列化-将 jQuery 序列化表单值转换为 Json

添加目录并将文档分成易于理解的部分,同时保持每个部分与后续内容相关。 内容应该简短、切题。 以下是来自 Facebook 的组织良好的文档示例。

我们可以点击目录元素直接跳转到对应的内容。

5. 修订和更新

最后,在文档编写完成后jquery初始化加载,仔细检查文档是否有错误,并在必要时或者当产品、软件或库发生重大更改时修改文档。 如果您的文档不随产品一起定期更新,那么它对任何人都毫无用处。

原始引文

文档对于 Web 开发人员的重要性

关注我转发本文,私信我“获取资料”,即可免费获得价值4999元的InfoQ迷你书,点击文末“了解更多”,即可移步InfoQ官网获取最新资讯~

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 jquery jquery表单序列化-将 jQuery 序列化表单值转换为 Json https://www.wkzy.net/game/139879.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务