首页 > 技术文章 > 使用ajax调用controller,return视图提示成功,但是页面没跳转

corexy 2018-03-28 10:01 原文

controller方法:

    //修改用户页面转发
    @RequestMapping("/usermodify.html")
    public String modifyUser(@ModelAttribute User user,Model model){
        user=userService.getUser(user);
        model.addAttribute(user);
        return "usermodify";
    }

js:

// 点击跳到修改用户界面
$(".modifyuser").click(function() {
    var obj = $(this);
    var userid = obj.attr("userid");
    var username = obj.attr("username");
    $.post(path+"/user/usermodify.html",{
        "id" : userid,
        "userName" : username
    });
});

jsp:

<span class="modifyuser" userid=${user.id }><img src="${pageContext.request.contextPath }/statics/images/modify.png" alt="修改" title="修改"/></span>

功能:点击修改,跳转到修改页面,并回显需要修改属性

使用ajax调用controller,return视图提示成功,但是页面没跳转

修改jsp:

考虑到使用form表单提交,需要修改css,所需时间长,

最后使用a标签带属性,实现功能

<a class="modifyuser" href="${pageContext.request.contextPath }/user/usermodify.html?id=${user.id }"><img src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改" title="修改"/></a>

推荐阅读