serialize方法

最新推荐文章于 2020-12-01 06:21:27 发布

笛卡尔积__Windiness

最新推荐文章于 2020-12-01 06:21:27 发布

阅读量348

点赞数

本文链接：https://blog.csdn.net/weixin_37530939/article/details/103573452

版权

javascript 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

jquery的ajax里面的serialize方法

作用：将表单中的数据自动拼接成字符串类型的参数

var params = $('#form').serialize();
// name=zhangsan&age=30

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>serialize方法说明</title>
</head>
<body>
	<form id="form">
		<input type="text" name="username">
		<input type="password" name="password">
		<input type="submit" value="提交">
	</form>
	<script src="/js/jquery.min.js"></script>
	<script type="text/javascript">
		$('#form').on('submit', function () {
			// 将表单内容拼接成字符串类型的参数
			// var params = $('#form').serialize();
			// console.log(params)  字符串
			serializeObject($(this));
			return false;
		});

		// 将表单中用户输入的内容转换为对象类型
		function serializeObject (obj) {
			// 处理结果对象
			var result = {};
			// [{name: 'username', value: '用户输入的内容'}, {name: 'password', value: '123456'}]
			var params = obj.serializeArray();

			// 循环数组 将数组转换为对象类型
			$.each(params, function (index, value) {
				result[value.name] = value.value;
			})
			// 将处理的结果返回到函数外部
			return result;
		}

	</script>
</body>
</html>

笛卡尔积__Windiness

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
serialize方法

jquery的ajax里面的serialize方法作用：将表单中的数据自动拼接成字符串类型的参数var params = $('#form').serialize();// name=zhangsan&age=30<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...
复制链接

扫一扫