传统的ssm是使用jsp作为View层,后端将数据添加进model再在jsp中使用EL表达式取用并渲染,但是这种方式对jsp的依赖太大,而且jsp必须要启动服务器才能看到效果,耦合度高效率低下。采用ajax传递json数据实现前后端数据交互的方式可以降低前后端的耦合度。
前端代码:
<form id="postFrom" action="">
<input ...>
<input ...>
</form>
<!-- 这里button写在form外面,避免通过action提交表单 -->
<button id="submitButton" type="button">submit</button>
<script>
$(function() {
// 这里url为能映射到controller方法里的地址,使情况而定
var postUrl = "${pageContext.request.contextPath}/registerUser";
// 点击按钮触发ajax提交请求
$("#submitButton").click(function () {
$.ajax( {
type : "post",
url : postUrl,
datatype : "json",
data : $("#postForm").serialize(),
success : function(data)