bob体育官方平台
【bob体育官方平台】换个思维去尝试表单的提交方法,何尝不能?-Web前端之家

假如现在有这样一个表单,是添加元素用的。

实现一个功能,我们可以用多种方法去实现,所以我们平时应多去尝试,最后选择一种最优的方法。比如我们今天要谈的话题:表单的数据提交。

本文实例分析了JQuery中Ajax()的data参数类型。分享给大家供大家参考,具体如下:

我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交。

假如现在有这样一个表单,是添加元素用的。

前面简单分析介绍了《ajax中data传参的两种方式》,对于ajax参数传递方式有了初步的了解,这里就来进一步分析一下ajax中data参数的类型。

以前我们是这样实现的:

我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交。

假如现在有这样一个表单,是添加元素用的。

function addUser(){ var user = { uname:$, mobileIpt:$, birthday:$ }; $.ajax({ url:'UserAdd.action', data:user, type:'post', dataType:'text', success:function{ console.log; }else{ console.log }

以前我们是这样实现的:

我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交。

这没有什么错,就是获取表单元素的值实在是太麻烦....这里只有三项,很多项的时候就废了....

functionaddUser(){varuser={uname:$.val(),mobileIpt:$("#mobileIpt").val(),birthday:$("#birthday").val()};$.ajax({url:'UserAdd.action',data:user,type:'post',dataType:'text',success:function{if{console.log;}else{console.log}

以前我们是这样实现的:

直到有一天,我发现了jquery的serializeArray方法

这没有什么错,就是获取表单元素的值实在是太麻烦....这里只有三项,很多项的时候就废了....

function addUser(){ var user = { uname:$, mobileIpt:$, birthday:$ }; $.ajax({ url:'UserAdd.action', data:user, type:'post', dataType:'text', success:function{ console.log; }else{ console.log}

序列化表格元素 返回 JSON 数据结构数据。注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数。

直到有一天,我发现了jquery的serializeArray方法

这没有什么错,就是获取表单元素的值实在是太麻烦....这里只有三项,很多项的时候就废了....

$.serializeArray();//返回数据结构,是json数组,每个对像分别name和value为key,代表这个表单元素的name和value[ {"name":"uname","value":""}, {"name":"mobileIpt","value":""}, {"name":"birthday","value":""}]

序列化表格元素 ' 方法) 返回 JSON 数据结构数据。注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数。

直到有一天,我发现了jquery的serializeArray方法

我们使用JQuery.param()方法处理一下:

$.serializeArray();//返回数据结构,是json数组,每个对像分别name和value为key,代表这个表单元素的name和value[{"name":"uname","value":""},{"name":"mobileIpt","value":""},{"name":"birthday","value":""}]

序列化表格元素 返回 JSON 数据结构数据。

var arr = $.serializeArray;"uname=alice&mobileIpt=110&birthday=1983-05-12"

看上去,这个貌似用不上啊。好吧,我们使用JQuery.param()方法处理一下:

注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。

嘿这下符合我们的需求了吧,虽然不是json类型,但是至少可以作为data上传了。

vararr=$.serializeArray;"uname=alice&mobileIpt=110&birthday=1991-10-06"

返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数。

这里我们可以直接在ajax的data处填上这个json数组,在jquery内部自己调用$.param()处理的。

嘿这下符合我们的需求了吧,虽然不是json类型,但是至少可以作为data上传了。

$.serializeArray();//返回数据结构,是json数组,每个对像分别name和value为key,代表这个表单元素的name和value[ {"name":"uname","value":""}, {"name":"mobileIpt","value":""}, {"name":"birthday","value":""}]
上一篇:jquery完结手风琴效果_jquery_脚本之家 下一篇:没有了
返回顶部