需要在ajax成功後打開模態窗口

Question

我需要在ajax調用成功後打開模態窗口。

JQUERY：

$(".vijai").on("click", function(event) { 

    $.ajax({ 
     url: "<?php echo $base ?>/retailer/Suppliersorder/Supplier_OrderPreview", 
     type: "post", 
     context: document.body, 
     async:false, //NOTE THIS 
     data: $("#myform").serialize(), 
     success: function(d) { 

         alert(d); 
         jQuery('#myModal').show(); 
       } 
    }); 
}); 

HTML：

<button class="btn btn-success vijai" id='murugan'> 
    <i class="fa fa-search-plus"></i> 
    Order Preview 
</button> 

Answer 1

我假設你正在使用jQuery的對話模塊時提及模式，參考：https://jqueryui.com/dialog/

您可以替換行已有jQuery('#myModal').show();與jQuery('#myModal').dialog('open');

注意：url: "<?php echo $base ?>/retailer/Suppliersorder/Supplier_OrderPreview"似乎有點不可思議，我假設你有這個JavaScript的PHP文件，而不是JavaScript文件。

Answer 2

$(".updateBtn").click(function(){ 
    var ruleID = this.id; 
    $.ajax({ 
      type: 'get', 
      url: '/admins/getRules/'+ ruleID, 
      success: function(data) { 
      $('#myModal').modal({'show' : true}); 
      console.log(data); 
     } 
     }); 

    });