文档章节

Ajax之serialize和serializeArray方法

骑着毛驴来编程
 骑着毛驴来编程
发布于 2016/07/19 14:49
字数 328
阅读 28
收藏 0

Serialize

主要用于在提交表单数据时,序列表表格内容为字符串.

$("#form1").serialize()

Param

是serialize方法的核心,用来对一个数组或对象按照kkey/value进行序列化

$.param(obj);

栗子:

<form action="#" id="form1">
name:<input type="text" id="username" name="username"><br>
age:<input type="text" id="userage" name="userage"><br>
<input id="send" type="button" value="提交">
</form>

<script type="text/javascript">
$("#send").click(function(){
var abc={a:1,b:2};
	var d=$.param(abc);
	alert(d);//弹出 a=1&b=2

//这段话作用和下面一种方式是一样的
	$.get("../AjaxServletDemo",$("#form1").serialize(),callback);
	//$.get("../AjaxServletDemo",{username:$("#username").val(),userage:$("#userage").val()},callback);
	
});
function callback(responseText,responseStatus,xmlHttpRequest){
	alert(responseText+responseStatus+xmlHttpRequest.readyState);
}
</script>

serializeArray()

序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。

栗子:

<form action="#" id="form1">
<input type="checkbox"   name="username" value="username1">A1<br>
<input type="checkbox"   name="username" value="username2">A2<br>
<input type="radio" name="sex" value="MALE" >男<br>
<input type="radio" name="sex" value="FEMALE">女<br>
<input id="send" type="button" value="提交">
</form>
<script type="text/javascript">
$("#send").click(function(){	
	var fields=$(":checkbox,:radio").serializeArray();
	console.log(fields);
	$.each(fields,function(i,field){
		alert(field.value);//会弹出选中数据的value值
	});	
})

 

© 著作权归作者所有

骑着毛驴来编程
粉丝 3
博文 11
码字总数 5391
作品 0
杭州
程序员
私信 提问
jQuery序列化表单 serialize() serializeArray()

1、serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求。 格式:var data = $(form).serialize(); 2.serializeArray()方法 描述:序列化表单元素(类似'.serialize()'方法)返回JSON数...

quickhelper
2018/05/12
0
0
JQuery使用总结

1.JQuery 序列化表单数据 1.1.serialize()方法 格式:var data = $("form").serialize(); 功能:将表单内容序列化成一个字符串。   这样在ajax提交表单数据时,就不用一一列举出每一个参数...

微尘鉴
2015/12/10
77
0
jquery ajax 使用serialize() 表单字段过多导致的问题

jquery ajax 使用serialize() 表单字段过多导致字段不能全部发送,改用了serializeArray()方法,再查下使用方法,暂时没有发现什么问题 // 如:{Name:'摘取天上星',position:'IT技术'}// ps...

pureboys
2015/10/10
341
0
jQuery中的Ajax----04

一、serialize()方法 做项目的过程中,表单是必不可少的,经常用来提供数据,例如注册、登录等。常规的方法是使表单提交到另一个页面,整个浏览器都会被刷新,而使用ajax技术则能够异步地提交...

指尖跳动的精灵
2015/03/09
47
0
【总结】异步调用ajax构造URL字符串的几类方法

通常使用ajax异步调用都是这样的格式 $.ajax(){ url:url, data:data, success: function(re){ return re;} }; 有人说过php,从简单上来说就是对字符串的处理。今天,我想说的是对data值的处理...

_小狼狗
2015/11/24
301
0

没有更多内容

加载失败,请刷新页面

加载更多

利用mybatis generator生成实体类、Mapper接口以及对应的XML文件

项目中通常会遇到数据的持久化,如果是采用mybatis的orm,就会涉及到生成xml的问题,刚好mybatis官网提供了这么个插件MyBatis Generator,效果简直是棒呆。 1. 首先需要在build.gradle文件中...

啊哈关关
今天
2
0
SpringSocial相关的知识点

使用SprigSocial开发第三方登录 核心类 ServiceProvider(AbstractOauth2ServiceProvider):主要负责实现server提供商(例如QQ,微信等共有的东西),默认实现类是AbstractOauth2ServiceProvider...

chendom
今天
1
0
Java并发之AQS详解

一、概述   谈到并发,不得不谈ReentrantLock;而谈到ReentrantLock,不得不谈AbstractQueuedSynchronizer(AQS)!   类如其名,抽象的队列式的同步器,AQS定义了一套多线程访问共享资源...

群星纪元
昨天
2
0
Fabric-sdk-java最新教程

Fabric Java SDK是Fabric区块链官方提供的用于Java应用开发的SDK,全称为Fabric-sdk-java,网上可用资料不多,本文列出了精心整理的针对Fabric Java SDK的最新精选教程。 如果希望快速掌握F...

汇智网教程
昨天
2
0
react 子组件监听props 变化

componentWillReceiveProps //已经被废弃 getDerivedStateFromProps// 推荐使用//如果条件不存在必须要返回null static getDerivedStateFromProps(props, current_stat...

一箭落旄头
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部