*****总结:前后台传输逻辑

后端读取前端数据

以店铺信息为例

1、在shopoperation.js中,读取HTML中input框中的内容,并接受表单数据,保存为shopStr

*****总结:前后台传输逻辑

2、通过Ajax将数据提交到后台 

*****总结:前后台传输逻辑

 3、在ShopManagementController中读取前端数据

通过HttpServletRequest读取浏览器数据

*****总结:前后台传输逻辑

HttpServletRequestUtil 解析HttpServletRequest的参数

request.getParameter(key),就是将shopStr传入,返回JSON串

再用mapper.readValue()转换为对应的实体类

*****总结:前后台传输逻辑

*****总结:前后台传输逻辑

public class HttpServletRequestUtil {
	public static int getInt(HttpServletRequest request,String key) {
		try {
			//从request中对应键位为key的值,转成整型
			return Integer.decode(request.getParameter(key));
		} catch(Exception e) {
			return -1;
		}
	}
	
	public static long getLong(HttpServletRequest request,String key) {
		try {
			//从request中提取key,转成长整型
			return Long.valueOf(request.getParameter(key));
		} catch(Exception e) {
			return -1;
		}
	}
	
	public static Double getDouble(HttpServletRequest request,String key) {
		try {
			//从request中提取key,转成double型
			return Double.valueOf(request.getParameter(key));//转成Double类型
		} catch(Exception e) {
			return -1d;
		}
	}
	
	public static boolean getBoolean(HttpServletRequest request,String key) {
		try {
			//从request中提取key,转成boolean型
			return Boolean.valueOf(request.getParameter(key));
		} catch(Exception e) {
			return false;
		}
	}
	
	public static String  getString(HttpServletRequest request,String key) {
		try {
			String result = request.getParameter(key);
			if(result != null) {
				result.trim();
			}
			if("".equals(result)) {
				result = null;
			}
			return result;
		} catch (Exception e) {
			return null;
		}
	}
}

 

以验证码为例

 1、在shopoperation.js中,读取HTML中input框中的内容,并接收填入的验证码,保存在verifyCodeActual中,并通过ajax传到后台

*****总结:前后台传输逻辑

2、在ShopManagementController中读取前端数据

*****总结:前后台传输逻辑

3、在checkVerifyCode()方法中进行比对,下面第一个红框的值传入到第二张图的key中,利用request.getParameter(key)方法取出前端填入的值

*****总结:前后台传输逻辑

*****总结:前后台传输逻辑 


后端传送数据到前端

可以看上一个验证码校验后传送到前端的例子