javaweb前后台交互传递数据的几种方法

前端传后台：

1. form表单传递

<%--method：提交方式；action：跳转到controller层对应的方法名--%>
        username：
            
        password：
            
    

    

上述 可以替换成

 注册

加上相应的js函数（通过id提交）
function regist(){
        $("#login-form").submit();//表单提交
    }

2. 通过ajax提交

        username：
            
        password：
            

    

    
    

        
        看不清楚 
    
    

    


从前端传递验证码到后台js函数checkCode()

注意：input框里的name属性不仅和数据库的字段名对应，还要和跳转到controller层里的对应方法的参数名一致，无论传入的参数是否以@RequestParam方式传递，以下两种方式都可以

public String regist(Model model,@RequestParam(value = "userName",required = false)String username,
                         @RequestParam(value = "userPassword",required = false)String password,
                         @RequestParam(value = "userPhone",required = false)String phone,
                         @RequestParam(value = "userEmail",required = false)String email,
                         @RequestParam(value = "code",required = false)String code)

后台返回前端数据：
使用EL表达式：

1. 通过model 获取

通过Controller层方法传参 Model model
用model.addAttribute(“user”,user);将user传递给前端
前端用${sessionScope.get(“user”).userId或
${sessionScope.user.userId}获取

2.通过session获取

Controller层方法传参HttpSession session
用session.setAttribute(“userSession”,user);将user传递给前端
前端用${sessionScope.get(“userSession”).userId或
${sessionScope.userSession.userId}获取

tips

前端通过a标签也可以跳转到controller层的方法

所有新闻

还可以传入唯一标识的参数

[首页]