on方法 JQuery JS日期

单击某人详细资料(id的传值)

image.png

  • 因为我首页是展示所有user表中的交友信息,然后需要通过点击某人的信息后进入查看详细信息。展示信息我是通过Ajax实现。那么点击后展现详细信息也要通过Ajax实现,那id值要怎么传呢?
  • 首先有个hidden,存放每个人的id,点击后Ajax获取id值,传给实现跳转的Controller(因为我只需要跳转到详细页面,详细页面中也是有Ajax实现详细信息的,此刻他就是需要接收一个id)
    ...

注意一定得用on,因为是动态append光靠click获取不到。on是你append的父标签,他是固定的,然后click后面写你要点击事件的类

$("#show").on("click",".all_box>img",function(){

        var id = $(this).next().val();
        location.href = "/personalInfo.html?userId="+id;
 })
 @RequestMapping("/personalInfo.html")
    public String personalInfo(@RequestParam(value="userId", required=false, defaultValue = "none")String userId, Model model){
        if(!userId.equals("none")){
            model.addAttribute("userId",userId);
        }
        return "personalInfo";
    }

存到域中后,personalInfo中有个hidden取值,然后再js取值至Ajax

(日期)

//个人展示窗口信息显示
function show_myself(){
    var userId = $("#userId").val();

    $.ajax({
        url: "/getUserById",
        type: "post",
        data: {userId: userId},
        dataType: "json",
        success: function(userById){

            //获取当前年
            var myDate = new Date();
            var year=myDate.getFullYear();
            //获取出生年,得到年龄
            var birthday = userById[0].birthday;
            var birthYear = birthday.split("-")[0];
            var age = year - birthYear;
...
    /*--------------------------------根据个人id查看信息--------------------------------*/
    @ResponseBody
    @RequestMapping("/getUserById")
    public Collection<User> getUserById(HttpServletRequest rq,@RequestParam(value="userId", required=false, defaultValue = "none")String userId){

        //单击某人信息时查看详情
        if(!userId.equals("none")){
            List<User> userById = userService.getUserById(userId);
            return userById;
        }
...
posted @ 2020-08-25 10:01  lwxx  阅读(231)  评论(0)    收藏  举报