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);
    }
});

我不确定这是否是您正在寻找的。

Bootstrap Modals抓取数据

1 个答案: