【成功例子】将form表单转化为JSON字符串，通过ajax发送到后台

最新推荐文章于 2024-01-28 22:11:17 发布

小王不是胖虎

最新推荐文章于 2024-01-28 22:11:17 发布

阅读量3.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：深入学习JAVA 文章标签： form表单转化为json 通过ajax发送json到后台后台接受前端的ajax请求后台发送json数据到前端前端解析后端传来的json数据

本文链接：https://blog.csdn.net/qq_41525021/article/details/94553109

将表单转化为JSON字符串

准备材料
前端编写

1.准备材料

我用的是jquery-3.3.1.min.js的本地包，也可以用网络CDN，但有时候网络上的CDN会没有响应，具体的可以看浏览器的调试信息。运行环境是STS。

2.前端编写

这里以一个小的登录功能为例子，代码如下：

script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">

$(function()
		{
			$("#bt1").click( function()
								{
									login();
								}
							);

		})

/*登录  */
function login()
{ 
	var LoginData = $("#loginform").serializeArray();
	var LoginPram = {};		

	for(var i =0;i<LoginData.length;i++)
		 {
		 	LoginPram[LoginData[i].name] = LoginData[i]['value'];
		 }
		 
	$.ajax(
		{
			url:"/CheckLogin",
			type :"post",
			datatype :"json",
			contentType:"application/json;charsetset=UTF-8",
			data : JSON.stringify(LoginPram),
			success:function(data)
			{
				if(data.result=="false")
					{
						alert("用户名或密码错误，请重