Javascript 使用ajax回调服务器

当我单击“添加角色”按钮时，我试图回调服务器以将部分视图返回到我的模式，但当我单击该按钮时，什么也没有发生

JavaScript:

$(".addRole").on("click", function(){
  bootbox.dialog({
    title: "Create new role",
    callback: function () {
      $.ajax({
        url: "/Uam/CreateRole/",
        method: "POST",
        success: function(){}
      });
    }
  });
});

视图：

---

消息属性对于引导对话框是必需的

$(".addRole").on("click", function(){
  bootbox.dialog({
   message: '<p class="text-center">Please wait while Createing new role...</p>',
    title: "Create new role",
    callback: function () {
      $.ajax({
        url: "/Uam/CreateRole/",
        method: "POST",
        success: function(){}
      });
    }
  });
});

$（.addRole”）。在（“单击”，函数（）{
bootbox.dialog({
消息：“
正在创建新角色，请稍候…
”，
标题：“创建新角色”，
回调：函数（）{
$.ajax({
url:“/Uam/CreateRole/”，
方法：“张贴”，
成功：函数（）{}
});
}
});
});

---

我最终使用了基本引导模式，在模式主体中有一个@html.RenderAction调用，并引用了启动按钮。没有使用JQuery

<button id="addRole-btn" class="btn btn-success pull-right btn-lg" data-toggle="modal" data-target="#modal-container">New Role</button>


<div id="modal-container" class="modal fade" role="dialog" width="500px">
<div id="role-container"></div>
<div class="modal-content">
    <div class="modal-body">
        @if (true)
        {
            Html.RenderAction("CreateRole", "Uam");
        }
    </div>
</div>

新角色
@如果（真）
{
RenderAction（“CreateRole”、“Uam”）；
}

---

您在开发工具中看到了什么？第一步应该始终是查看浏览器中的控制台（F12或Ctrl+Shift+I，具体取决于浏览器）。我推荐Chrome，因为它有很好的开发工具。谢谢。控制台显示“未捕获错误：请指定一条消息”，这似乎是

引导框。对话框

错误，因为您没有将值传递给

消息

属性。谢谢，但我实际上正在尝试调用CreateRole以返回部分视图。无论如何，我可以在引导框消息属性中显示它吗？我对其他选择持开放态度。

$(".addRole").on("click", function(){
  bootbox.dialog({
   message: '<p class="text-center">Please wait while Createing new role...</p>',
    title: "Create new role",
    callback: function () {
      $.ajax({
        url: "/Uam/CreateRole/",
        method: "POST",
        success: function(){}
      });
    }
  });
});

<button id="addRole-btn" class="btn btn-success pull-right btn-lg" data-toggle="modal" data-target="#modal-container">New Role</button>


<div id="modal-container" class="modal fade" role="dialog" width="500px">
<div id="role-container"></div>
<div class="modal-content">
    <div class="modal-body">
        @if (true)
        {
            Html.RenderAction("CreateRole", "Uam");
        }
    </div>
</div>