javaweb 前台将数据以AJAX方式提交到后台，后台以json格式解析并返回前端

最新推荐文章于 2021-03-29 14:21:22 发布

不言尘世

最新推荐文章于 2021-03-29 14:21:22 发布

阅读量2.4k

点赞数 1

分类专栏： javaWeb 文章标签： javaweb 前台将数据以AJAX方式提交到后台，后台以json格

本文链接：https://blog.youkuaiyun.com/weixin_43599377/article/details/102790746

版权

本文总结了JavaWeb中使用AJAX将数据从前端提交到后台的流程，包括HTML文件如何传输数据、后台如何处理请求，创建JSON对象，解析前端键值对，与数据库值比较并返回JSON响应。返回的JSON格式为{'success':'true','result':{'':''},'message':'info--'}，解析方法参考链接给出。" 127969092,16310356,BHQ-1酸：一种科研用黑暗淬灭剂,"['化学', '生物化学', '科研试剂', '荧光技术']

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

今天搞了好久这个前后端数据交互的过程，有点难受，写点总结吧
1 html文件传输数据（AJAX）

$.ajax({
	  			type:"POST",
	  			dataType:"json",
	  			url:"UserServlet?method=loginAjax",
	  			data:{
	  				"loginacct":loginacct,
	  				"userpasswd":userpasswd
	  				
	  			},
	  		//考虑到发送数据过程中网络延迟等情况，加入layer的等待效果，用户体验良好
	  			beforeSend:function(){//加载的操作,发送数据前
	  				//使用插件的效果
	  				loadingIndex=layer.msg("处理中",{icon:16});
	  			},//服务器返回结果后,采取动作
	  			//jsondata--"{"success":"true","result":"{"":"","":""}","message":"info---"}"
	  			
	  			
	  			success:function(data){
	  				//Json.parse(result.result)
	  				layer.close(loadingIndex);//拿到数据了就应该关闭等待效果
	  				if(data.success){//可以对后台传过来的值进行判断
	  					
	  					window.location.href="/DispatcherServlet?method=mainPage";
	  				}else{

最低0.47元/天解锁文章