Jquery序列化数据发到服务器

iteye_13003

于 2011-03-07 13:37:44 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

文章标签： jQuery Ajax json HTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82030762

本文介绍了一种使用jQuery Ajax向服务器发送表单数据并接收JSON响应的方法。具体步骤包括序列化表单数据、定义Ajax请求参数及成功回调函数。在回调函数中，将获取到的用户信息动态添加到页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//向服务器发送表达数据
		$("#regRe").click(function() {
			//把表单的数据进行序列化
				var params = $("form").serialize();
				//使用jQuery中的$.ajax({});Ajax方法
				$.ajax( {
					url : "../user!gainUserInfo.action",
					type : "POST",
					data : params,
					dataType : "json",
					success : function(data) {
						//清空显示层中的数据
					$("#message").html("");
					//为显示层添加获取到的数据
					//获取对象的数据用data.userInfo.属性
					$("#message").append(
							"<div><font color='red'>用户ID：" + data.user.id
									+ "</font></div>").append(
							"<div><font color='red'>用户名：" + data.user.username
									+ "</font></div>").append(
							"<div><font color='red'>密码：" + data.user.password
									+ "</font></div>")
				}
				});
			});