jQuery中ajax中sendData自动生成JSON格式的文本

最新推荐文章于 2022-08-22 11:16:15 发布

levonmo

最新推荐文章于 2022-08-22 11:16:15 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery笔记

本文链接：https://blog.youkuaiyun.com/weixin_38104426/article/details/71657425

jQuery笔记专栏收录该内容

10 篇文章

订阅专栏

本文介绍jQuery中的serialize()方法，该方法能自动生成JSON格式的文本，适用于表单元素较多的情况。文章通过示例代码展示了如何使用此方法简化数据传输过程。

jQuery对象.serialize()

作用：自动生成JSON格式的文本
注意：为每个jQuery对象设置一个name属性，因为name属性会被认为请求参数名
注意：必须用<form>标签元素
适用：如果属性过多，强烈推荐采用这个API

<script type="text/javascript">
	$(":button").click(function(){
		var username = $(":text").val();
		var url = "${pageContext.request.contextPath}/servlet/UserServlet";
			
		/*手工写json文本
		var sendData = {
			username : username
		};
		*/
			
		//自动解析生成json格式的数据，必须用<form>标签元素,必须有一name属性
		var sendData = $("form").serialize();
		$.post(url,sendData,function(backDate){
			$("span").text(backDate);
		});
	});
</script>