jquery表单数据,jquery获取表单的值-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

jquery表单数据,jquery获取表单的值

Jquery表单序列化后添加数据

serialize()、serializeArray()方法都是jquery用户序列化表单的,用于ajax提交的data值的序列化

创新互联公司主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务阿尔山,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

在chrome的控制台我们很清楚的看到了serializeArray()返回的是json数组,数组的每个对象都是有json字符串构成,我们可以看到,每个json字符串包括两个键值对,每个键值对都是有name,value组成,其实serializeArray()它把表单里的每个需要提交的dom的name的值赋给json字符串的name,dom的value的值赋给json字符串的value.

那么我们只需这要添加额外的内容:

var dataParam = $("#updateChannelForm").serializeArray();

例如我想添加sex="男"

dataParam.push({"name":"sex","value":"男"}) 就可以了

我们看到serialize()方法把表单里的内容序列化成了字符串

"id=58channelType=2subTitle=591teststetetsextAttrValueId=599"

那么我们只需这要添加额外的内容:

var dataParam = $("#updateChannelForm").serialize();

例如我想添加sex="男"

dataParam =dataParam +""+"sex=男"

jquery表单提交数据 的几个方法

jquery表单提交数据的方法有两种:

一种是直接提交,调用submit()方法,

第二种是用ajax提交,ajax提交要注意讲数据序列化。

比如:

1、调用submit()方法

$(表单).submit();

2、ajax提交

$.ajax({

url: url,

data: $(表单).serialize(),

type: 'post',

success: function (data) {

}

});

jQuery 表单数据存入 JSON

HTML

因为本人没用过jQuery,所以前期写了一堆事件,做了一些调试工作...

后边要使用到 name 做判断

HTML

JS

网页

注意:

radio 和 checkbox 中的 value 不止一个。

若要把多个数据填充给一个 key ,是需要使用数组存放数据的。

第一次写的时候没考虑到 radio 和 checkbox 的数据,就直接使用字符串赋值了。

后来调试的时候发现,不管多选框中选择多少个项, hobby 的 value 始终是最后一个 checkbox 的 value ....

使用数组,首先就要初始化对象。

因为使用 Array 对象的 push() 方法可以很方便的向后插入数据...


分享题目:jquery表单数据,jquery获取表单的值
标题来源:http://kswsj.cn/article/dsedjie.html

其他资讯