模态对话框 – 语义UI模态和ajax加载的内容

我修改了原始modal.js脚本以支持ajax内容,并添加了一个名为“ajax”的新行为,这是我的一段代码：

ajax: function(callback) {
  callback = $.isFunction(callback)
    ? callback
    : function(){}
  ;
  var $content = $(this).find('.content');
  $.get("contentData.PHP",function(data) {
    $content.html(data);
  });

我称之为：

$('body').on('click','.domOdal',function() {
    $('.ui.modal')
        .modal({
            observeChanges: true
        }).modal('ajax')
});

上面的代码工作正常并加载内容相关,但我想扩展一点,所以我可以包括其他信息,如自定义url,dataType等几乎所有的ajax选项,我想从初始化做到这一点部分如：

$('body').on('click',function() {
    $('.ui.modal')
        .modal({
            observeChanges: true
        }).modal('ajax',{"id":5},dataType:"json","url": http://myurl.PHP" etc...)
});

解决方法

这样做怎么样：

$('body').on('click',function() {
    $.ajax({
      url: "specs.html",type: 'POST',dataType: 'xml',dataType: 'html'
    }).done(function(response) {
        console.log(response)
      $(response).modal();
    });     
});