簡體   English   中英

在 codeigniter 中使用 ajax 加載模式對話框

[英]Load a modal dialog with ajax in codeigniter

我正在使用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({
    type: "POST",
    url: "Monitor/showmachinelist",
    data: {'val' : imagename},
    dataType: "text"
    }).done(function(data) {
   console.log("test2");
   }).fail(function() {
alert( "error" );
});

我怎樣才能顯示那個模態?

您的ajax會返回一些 html,您必須將該 html 放入div並使該div成為popupmodaldialog 為此,您可以使用Bootstrap ModalJquery UI Dialog等。

引導模式

jQuery UI 對話框

您可以使用: 我如何承諾原生 XHR?

這個函數可以集中你所有的 AJAX 請求,你的 .htaccess 調用文件(控制器),這個調用模型。 結果,可能是文本信息或數據組(將其轉換為 JSON 格式)將用於在頁面中顯示或移動到新頁面等。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM