以模态显示远程内容 bootstrap

Question

目前我面临一个问题，即无法向模式对话框（引导程序）显示远程内容。是否可以将响应内容附加到模态内容？

index.jsp

样本

 <form id="cusPayment" name="cusPayment" method="post" action="CusConfirmPayment.jsp" >   
     <input id="lflag" name="lflag" type="hidden" value="E">

     <a data-toggle="modal"   data-remote="CusConfirmPayment.jsp" href="#"  data-target="#myModal" id='paynow322' class="btn btn-primary btn-large">Load External Page</a>  

 </form> 

    <!-- Modal --> //show the remote content
    <div class="modal fade" id="myModal" class="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" id="modal-dialog">
            <div class="modal-content" id="modal-content">
        </div> 
    </div>

    <script type="text/javascript">
        $(document).ready(function() {      

             $('a#paynow322').click(function(){

                var form  = $("#cusPayment");
                var $modal = $('#myModal');

             $.ajax({

                 type: form.attr('method'),  //post method
                 url: form.attr('action'), //ajaxformexample url
                 data: form.serialize(), // serialize input data values
                 success: function (data) {

                 var result=data; //response content html 

                 $('#myModal').modal({
                      show:true
                 });

Answer 1

.Is it possible to append response content to modal conten ?

是的，这是可能的。

在成功回调时尝试使用此代码。

success: function (data) {
               var result=data; //response content html 
                $('#myModal').find('.modal-content').html(result);
                $('#myModal').modal('show');
            });

这将更新模态内容并显示您的模态。

docs

Answer 2

你是说类似 $('#modal-content').innerHTML = result 的意思吗？

Answer 3

success: function (data) {
               var result=data; //response content html 
                $('#myModal').find('.modal-content').html(result);
                $('#myModal').modal('show');
            });

我试试这个，它成功了

以模态显示远程内容 bootstrap

Show remote content in modal bootstrap

javascript

ajax

twitter-bootstrap