功用：点击按钮，弹窗显现从数据库中获得的信息（采纳jfinal框架）

1.首先是页面部份，在button中绑定syllabusId，用于js运用。

<button syllabusId = "${syllabus.id}" class="remark">检察备注</button>

2.背景代码

    /**
     * 依据课程纲要编号查找重点笔记
     */
    public void getKeynoteById() {
        Long syllabusId = getParaToLong("syllabusId");
        //依据syllabusId查找syllabus
        ExamCourseSyllabus syllabus = webCourseSyllabusService.getKeynoteById(syllabusId);
        if (syllabus.getStr("keynote")!=null) {
            //由于在界面显现时没法分辨\r\n，所以要替代\r\n成<br/>
            String keynote = (syllabus.getStr("keynote")).replaceAll("\r\n", "<br/>");
            syllabus.set("keynote", keynote);
            //renderJson返回的必需是对象
            renderJson(syllabus);
        } else {
            syllabus.set("keynote", "暂无内容");
            renderJson(syllabus);
        }
    }

3.JS部份

<script src="${base}/resources/web/js/jquery-1.11.3.min.js"></script>
<script src="${base}/resources/web/plugins/bootbox/bootbox.min.js"></script>

$(".remark")
    .on("click", function(e){
        var $this = $(this);
        var $keynote = "";
        //不要实行与事宜关联的默许行动,假如默许行动会使得表单提交（button处于form表单中），表单提交时会使弹窗消逝
        e.preventDefault();
                    
        $.post("${base}/syllabusmng/getKeynoteById", {
            //syllabusId是向要领中通报的参数
            //this.attr是从button中拿到的值（属于jQuery的内容）
            "syllabusId": $this.attr("syllabusId"),
        }, function(data) {
            //data的现实内容是从背景通报过来的syllabus，keynote是其属性，将值赋给$keynote
            $keynote = data.keynote;
            bootbox.dialog({
                message: $keynote,
                title: "备注",
                dataType: "html",
                buttons: {
                cancel: {
                    label: "封闭",
                    className: "btn-default"
                }
            },
        });
    });
});