如何使用從Ajax調用中獲取的值填充模態？

Question

單擊顯示超鏈接，它會進行Ajax調用並獲取一些值，並使用從Ajax調用接收到的值來顯示模態。

示例代碼

$("#anchor_myModal").click(function() { 
    $.ajax({ 
     url: 'form_url', 
     type: 'form_method',  
     data: 'form_data',  
     cache: false, 
     success: function(returnhtml){  
      alert('success called'); 
     }   
    }); 
}); 

這是我的小提琴

http://jsfiddle.net/61ky7h2m/9/

可否請你讓我知道如何使這項工作？

Answer 1

將此代碼放入您的成功函數中。

$('#myModal').modal('show'); 

完整代碼

$("#anchor_myModal").click(function(){ 
    $.ajax({ 
      url: 'form_url', 
      type: 'form_method',  
      data: 'form_data',  
      cache: false, 
      success: function(returnhtml){  
       $('#myModal').modal('show'); 

      }   
     }); 
}); 

Answer 2

你會想你的標籤更改爲下面這樣的模式不鏈接的點擊打開：

<a id="anchor_myModal" role="button" data-tt="tooltip" title="hi">Show</a>

然後將您的ajax呼叫更改爲：

$("#anchor_myModal").click(function(){ 
    $.ajax({ 
      url: 'form_url', 
      type: 'form_method',  
      data: 'form_data',  
      cache: false, 
      success: function(returnhtml){ 
       var $modal=$('#myModal'); 
       $modal.find('.modal-body').html(returnhtml); 
       $modal.modal('show'); 
      }   
     }); 
});