Question

单击Show Hyper Link，它会进行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');
            }           
        });  
});

如何使用从Ajax调用中重新捕获的值填充模式？

2 个答案: