12.22

1.静态，标题：(".modal−title").html("修改文章");2.动态，事件varid=(".modal-title").html("修改文章"); 2.动态，事件 var id = (".modal−title").html("修改文章");2.动态，事件varid=(this).parent().attr("data-id"); $("#_id").val(id);

        $.ajax({
            url:`http://localhost:5500/content/${id}`,
            type:"GET",
            success:function(res){
                if(res.status === 200){
                    const data = res.data;
                    // 1.静态，标题
                    $(".modal-title").html("修改文章");

                    $("#title").val(data.title);
                    $("#content").val(data.content);
                    $("#top").prop("checked",data.top);

                    // 3.显示
                    $("#modal-id").modal("show");
                }    
            }
        })
    })
复制代码

3.显示：$("#modal-id").modal("show");

表单提交前的验证 var id = ("#_id").val(); var title = ("#title").val(); var content = ("#content").val(); var top = ("#top").prop("checked"); // 是否置顶

                if(id){
                    $.ajax({
                        url:`http://localhost:5500/content/${id}`,
                        type:"PUT",
                        data:{title,content,top},
                        success:function(res){
                            if(res.status === 200){
                                $("#modal-id").modal("hide");
                                load();
                            }else{
                                alert(res.msg);
                            }
                        }
                    })
                }else{
                    $.ajax({
                        url:"http://localhost:5500/content",
                        type:"POST",
                        data:{title,content,top},
                        success:function(res){
                            if(res.status === 200){
                                $("#modal-id").modal("hide");
                                load();
                            }else{
                                alert(res.msg);
                            }
                        }
                    })
                }
            },
            rules:{
                title:{
                    required:true,
                    minlength:6,
                    maxlength:12
                },
                content:{
                    required:true,
                    minlength:10,
                    maxlength:50
                }
            },
            messages:{
                title:{
                    required:"请输入标题",
                    minlength:"标题最少6个字符",
                    maxlength:"标题最多12个字符"
                },
                content:{
                    required:"请输入正文",
                    minlength:"正文最少10个字符",
                    maxlength:"正文最多50个字符"
                }
            }
        });