前后端的传值方式

传值的方式

1.通过form表单可以跳转到相对应的controller类里面，然后进行取值和相对应的跳转

<form action="${pageContext.request.contextPath}/test02">
    <label for="username">输入名字：</label><input name="username" type="text" id="username">
    <label for="password">输入密码：</label><input name="password" type="text" id="password">
    <label for=""></label><input type="submit" value="登录"  >

    <a href="${pageContext.request.contextPath}/toRequestJson">跳转json的知识</a>
</form>

2.通过异步请求，也就是ajax的方式进行传值，不用刷新页面

<%--    ajax的传值方式--%>
    <script type="text/javascript">
        function onclick1() {
            var username = $("#username").val();
            var password = $("#password").val();
            var obj = {"username": username, "password": password};
            $.ajax({
                url: "${pageContext.request.contextPath}/test03",
                type: "post",
                data: JSON.stringify(obj),
                contentType: "application/json;charset=UTF-8",
                dataType: "json",
                success: function (data) {
                    alert(username);
                }

            })
        }
    </script>

绑定函数，点击进行刷新。
<label for=""></label><input type="button" value="登录" onclick="onclick1() ">