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：私はあなたがモーダル言及するとき、あなたはjQueryのダイアログモジュールを使用していると仮定してい

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

Answer 1

、参照：あなたが行を置き換えることができます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); 
     } 
     }); 

    });