自举模态抓取数据

Question

我正在使用Bootstrap创建站点，并希望使用模式。 我想做的是使我的代码尽可能高效。 我想做的是有一个与此类似的按钮/链接

<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>

基本上，每当我将类设置为模式时，它都会从链接中获取数据并将其粘贴到上方。 我希望你明白我的意思。 非常感谢！

Answer 1

我至少可以想到的最简单的方法是使用Ajax来获取php页面的返回数据。 一旦有了数据，就可以使用jQuery将其附加到您选择的元素上。

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

我不确定这是否是您要找的东西。