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"似乎有点奇怪，我假设你在php文件而不是javascript文件中有这个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);
        } 
      });

  });

需要在ajax成功后打开模态窗口

2 个答案: