ajax 取得内容を bootbox dialog で表示する

Bootstrap Javascript
2017-08-01 19:40 (7年前) ytyng
View in English

Bootbox を使用時、ajax で取得した内容をダイアログ内に表示するコード例です。

非同期 (おすすめ)

        var bb = bootbox.dialog({
            message: 'Loading...',
            onEscape: true,
            backdrop: true
        });
        var bbBody = bb.find('.bootbox-body');
        $.ajax({
            url: <URL>,
            success: function (data) {
                bbBody.html(data);
            }
        });

レスポンスを待って描画 (体感遅い)

        $.ajax({
            url: <URL>,
            success: function (data) {
                bootbox.dialog({
                    message: data,
                    onEscape: true,
                    backdrop: true
                });
            }
        });
現在未評価
タイトルとURLをコピー

コメント

アーカイブ

2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2012
2011