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

不念不忘少年蓝@ 2023-06-11 03:27 17阅读 0赞

今天搞了好久这个前后端数据交互的过程，有点难受，写点总结吧  
**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{
    	  					layer.msg("用户登录账号或密码不正确，请重新输入",{time:1000,icon:5,shift:6},function(){
    	  		  			});	  				
    	  				}
    	  			}
    	  		});//所谓使用json对象，简单理解就是大括号，键值对，各种值的表达形式

**2 后台处理过程**  
**2.1 先创建json对象**

**2.2 拿到浏览器传输过来的键值对，**

//本方法要求map中键的名称要与Bean的属性名称相同才能完成映射，否则不能完成映射。
    //说白了，就是要他们的Key值相同
    User user=CommonUtils.toBean(request.getParameterMap(), User.class);//user拿到前端传过来的所有数据
    //说白了，就是一个表单数据传输过来后，后台有一个bean文件，里面的属性和表单数据的key值相等，

然后通过user中的get方法，拿到所有的表单数据值  
**2.3 拿到数据库中的值，或者自己设置一个值**

//User dbUser=userDao.query4Login(user.getLoginacct());
    		User dbUser2=new User();
    		dbUser2.setLoginacct("123");
    		dbUser2.setUserpasswd("123");

**2.4 数据库中的值和前端中的值进行比较，并返回json对象**

if(dbUser2.getLoginacct()!=null&&user.getUserpasswd().equals(dbUser2.getUserpasswd())) {
    			//在服务器搞一个空间，用来专门存储这个指定浏览器的登录用户状态
    			HttpSession session=request.getSession();
    			session.setAttribute("loginUser",dbUser2);
    			
    			result.setSuccess(true);
    			result.setResult("12345");
    			result.setMessage("00");
    		}else {
    			result.setSuccess(false);
    		}		
    		System.out.println(result.toString());
    		return result;

返回值类型为："\{“success”:“true”,“result”:"\{"":"","":""\}",“message”:“info—”\}"键值对形式

对CommonUtils.toBean解析可以查看：https://blog.csdn.net/niu\_maimai/article/details/53084910  
json数据解析的算法网上也有很多，就不写了，对于bean文件，针对AJAX传过来的表单数据的key值，进行编写就可以了