Jquery序列化数据发到服务器

最新推荐文章于 2025-11-29 03:46:46 发布

原创最新推荐文章于 2025-11-29 03:46:46 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #Ajax #json #HTML #ViewUI

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

//向服务器发送表达数据
		$("#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>")
				}
				});
			});