如何在jQuery中使用用户角色？

Question

我正在使用下面的函数在弹出窗口中显示项目信息，第二个函数用于仅删除该特定项目的文档文件。我想为具有“fine.The”角色的用户禁用此功能。

function openShowProjectModal(id) {
    $.post("/get-project-info", {ID: id}, function (res) {
        var project = JSON.parse(res);
        $("#job-name-show").text(project.JobName);
        $("#job-number-show").text(project.JobNumber);
        $("#location-show").text(project.Location);

        var files = "";
        for (var i = 0; i < project.Docs.length; i++) {
            var filename =  project.Docs[i].Document;
            var id = project.Docs[i].ID;


            // I want to disable the Delete function or to hide this Trash icon.

            files += i+1 + ". " +('<a href="/lib/document/'+filename +'">'+filename+'</a>' ) +"   " + '<a href="#" onclick=deleteDoc('+ id +')><i  class="fa fa-trash-o"    aria-hidden="true"></i> </a> <br/>';

            $("#project-files").html(files);

        }

    });
}


function deleteDoc(id) {
    if(confirm("Are you sure to delete?")){
        $.post("/remove-doc",
        {
            ID :id
        }, function (res) {
            if (res == "removed") {
                window.location.href = '/projects';

            } else {
                console.log("not removed");
            }
        }); 
    }
}

Answer 1

我不知道您在哪里存储角色。也许像这样的东西会起作用：

function deleteDoc(id) {
if(user.role === "Manager") return;
  if(confirm("Are you sure to delete?")){
  $.post("/remove-doc",
   {
     ID :id
    }, function (res) {
     if (res == "removed") {
      window.location.href = '/projects';
     } else {
        console.log("not removed");
     }
 }); 
}