在 codeigniter 中使用 ajax 加载模式对话框答案

【问题标题】：Load a modal dialog with ajax in codeigniter在 codeigniter 中使用 ajax 加载模式对话框
【发布时间】：2017-03-27 20:40:29
【问题描述】：

我正在使用 codeigniter php（MVC 框架），我想在单击按钮时打开一个模态对话框，但我的问题是我的模态仅出现在我的响应网络中（预览中）而不是我的实际屏幕上。

这是我在视图端的 modal.php 文件。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

这是我指向该视图的控制器：

 public function showmachinelist() {
        $this->load->view('monitor/modal');

    }

我在 js 中有这个按钮来触发我的 ajax：

button_2: "<button type=\"button\" class=\"getid btn btn-default tara\" data-target=\"#myModal\" data-toggle=\"modal\" data-id=\""+ missedEntry.id +"\" >Select</button>"

还有这个 ajax：

$.ajax({
    type: "POST",
    url: "Monitor/showmachinelist",
    data: {'val' : imagename},
    dataType: "text"
    }).done(function(data) {
   console.log("test2");
   }).fail(function() {
alert( "error" );
});

我怎样才能显示那个模态？

【问题讨论】：

标签： javascript php codeigniter

【解决方案1】：

您的 ajax 会返回一些 html，您必须将该 html 放入 div 并使其 div 成为 popup 或 modal 或 dialog。为此，您可以使用Bootstrap Modal、Jquery UI Dialog 等。

Bootstrap Modal

Jquery UI Dialog

【讨论】：