关于$("form").serializeObject()与$("form").serialize()

form.serialize():jQuery的serialize()方法通过序列化表单值,可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax()

form.serializeObject():讲form表单转成javasrcipt object对象,将form里面的内容转化成json格式

例:{

"a":1,

"b":2,

"c":3

}

拓展:(1)将表单序列化成字符串:$.fn.serialize

(2)将表单序列化成数组:$.fn.serializeArray

时间: 2024-12-07 04:20:20

关于$("form").serializeObject()与$("form").serialize()的相关文章

JS 提交表单2-Query Ajax post(json数组,form表单经serialize()序列化,html拼接)

$.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二.$.ajax的参数描述 参数 描述 url 必需.规定把请求发送到哪个 URL. data 可选.映射或字符串值.规定连同请求发送到服务器的数据. success(data, textS

$(#form :input)与$(#form input)的区别

相信大家都很奇怪这两者的区别 我从两个方面简单介绍下 1. $("form :input") 返回form中的所有表单对象,包括textarea.select.button等    $("form input")返回form中的所有input标签对象 2. form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回)   form :input是属于表单选择器(匹配所有input,textarea,select,button等)

delphi form.hide和form.visiable 失效?

后来我发现form.hide和form.visiable 全部失效了,然后用 ShowWindow(Application.Handle, SW_HIDE);   ShowWindow(Application.MainFormHandle, SW_HIDE);

使用Form Builder创建Form具体步骤

使用Oracle Form Builder创建Form具体步骤 (Data Source为Table) 说明:当Block使用的Data Source为Table时,Form会自动Insert,Update,Delete,Lock.若要显示non-database Item,需在POST-QUERY Trigger 里手动写代码来为non-database Item取值. 步驟一:分析需求设计Table架构 1). Table需指定一Unique ID,可为其创建Unique Index,在Fo

Form.Show()与Form.ShowDialog()的区别

一 基本概念 首先,窗体和对话框的显示有两种方式:有模式&无模式. 有模式:显示重要消息的对话框应始终是有模式的,"模式"窗体或对话框必须关闭或隐藏,然后您才能继续使用应用程序的其余部分,例如 MessageBox 就是一个可供使用的有模式的窗体. 无模式:"无模式"窗体让您在此窗体与另一窗体之间变换焦点,而不必关闭初始窗体.用户在该窗体显示的同时可继续在任何应用程序的其他位置工作. 二 实现 1.将窗体显示为有模式对话框: Form.ShowDialog(

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started

Jquery.Form 异步提交表单实例 http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<inp

[Angular2 Form] Create custom form component using Control Value Accessor

//switch-control component import { Component } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators} from '@angular/forms'; @Component({ selector: 'switch-control', templateUrl: './switch-control.componen

[Angular2 Form] Model Driven Form Custom Validator

In this tutorial we are going to learn how simple it is to create custom form field driven validators while using Angular 2 model driven forms. These type of validators are really just plain functions that follow a set of conventions. We are going to

Form.ShowDialog和Form.DialogResult

The dialog result of a form is the value that is returned from the form when it is displayed as a modal dialog box. If the form is displayed as a dialog box, setting this property with a value from the DialogResult enumeration sets the value of the d