页面提交成功后,弹窗提示

因为要求提交成功后返回弹窗,本来用的是@ResponseBody ,直接输出的成功

但是不好看嘛,所以用下图这样的

页面提交成功后,弹窗提示_第1张图片

我自己想了个方法,不知道有没有更好的。

写了个div隐藏,页面加载默认传一个model叫msg,将msg的值写入div的text

然后js控制加载完成后是否为默认传值,不是默认传值就弹窗(我传了个a诶),可以不传,把a改为"" 就行

$(document).ready(function(){
        //alert("sssss");
        // var msg = document.getElementById("msg");
        // var message = msg.text;
        var message2=$("#msg").html();

        if(message2!="a") {
            alert(message2)
        }

    })

点完提交就返回本页面,顺便传个model,这个样子,把msg改为你想传的值

@GetMapping("/form")
    public String form(Model model) {
        List list= majorService.findAllXi();

        model.addAttribute("all_xi", list);
        model.addAttribute("msg","a");
        return "student/form_student";
    }

 

你可能感兴趣的:(页面提交成功后,弹窗提示)