Question

我有一个bootstrap模式，它包含一个表单，并且保存一个select选项字段，我想在模态上使用ajax帮助填充它（＆＃39; show＆＃39;）

所以我一直在尝试以下内容，但是在第一次点击时不会发生火灾，每次点击后请求都会重复

    $('#addNew').modal('show');
    $('#addNew').on('show.bs.modal', function(e) {
           //ajax call to populate select option
           var url = ajaxurl + '?action=getCategories';                            
            $.ajax({
            type: "POST",
            cache: false,
            success: function(html) {

            }
        });
    });

Answer 1

为什么不改变方案？

 function showAddNewModal(){
    //ajax call to populate select option
       var url = ajaxurl + '?action=getCategories';                            
        $.ajax({
        type: "POST",
        cache: false,
        success: function(html) {
             //populate select option here
             $('#addNew').modal('show');
        }
    });
   }

当您使用POST方法时，您应该将请求更改为：

$.ajax({
            url:ajaxurl,
            data:{"action":"getCategories"},
            type: "POST",
            cache: false,
            success: function(html) {
                 //populate select option here
                 $('#addNew').modal('show');
            }
      });

bootstrap模态ajax调用作为回调

1 个答案: