2013-09-22 74 views
0

我正在使用bootstrap创建一个站点,并且想要使用模态。我想要做的是尽可能地让我的代码和高效。我想要做的是有类似这样的Bootstrap Modals抓取数据

<a href="modals/faq.php" class="modal">faq</a> 

按钮/链接当有人点击(仍然在index.php页)这个链接它会打开一个模式,并从faq.php并显示抓住所有的数据它...

这里是我有一个模式的代码...

<button data-toggle="modal" data-target="#cashout" data-loading-text="Loading..." class="btn btn-primary btn-lg btn-block"><i class="icon-btc"></i> Cash Out</button> 
<center> 
    <div class="modal fade" id="cashout" tabindex="-1" role="dialog" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title">Head goes here</h4> 

       </div> 
       <div class="modal-body">body goes here</div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
     </div> 
    </div> 
</center> 

基本上每当我有类集合为模式的,它从一个链接,上面粘贴它抓住的数据。我希望你明白我的意思。非常感谢!

回答

0

这样做的最简单的方法,我至少可以想到的是使用Ajax来获取您的PHP页面的返回数据。获得数据后,您可以使用jQuery将其附加到您选择的元素。

$.ajax({ 
url: "faq.php", 
type: "POST", 
async: false, 
data: {"search": str}, 
success: function(data){ 
     alert("test"); 
     $("#result").html(data); 
    } 
}); 

我不确定这是不是您要找的。