调用模态并用ajax显示它

时间:2016-05-03 10:39:31

标签: jquery html ajax modal-dialog bootstrap-modal

我有一个从ajax获得的模态,我需要在我的页面中显示。

在index.html中

 <button data-target="#myModal" data-toggle="modal" class="buttonclass" type="button" onclick="getMyModal()">
          Aceptar
        </button>

getMyModal():

function getMyModal (){


var request = { myrequest};

$.ajax({
    url : "myUrl",
    type: "POST",
    async: true,
    data : {
        "requestData": JSON.stringify(request) 
    },
    success: function(data, textStatus, jqXHR){ 

        var myModal = response.myModal;
        $(myModal).appendTo('body');

    },
    error: function (jqXHR, textStatus, errorThrown) {
        alert(errorThrown);
    }   
});         

}

它不会将代码附加到&#39; body&#39;页。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

javascript变量appendTo DOM将如何尝试这样做:

$( "#test" ).append( myModal );
or
$( 'body' ).append( myModal );

使用div或任何有意义的内容向body添加id test。这是一个example