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

BootstrapJavascript
2017-08-01 10:40 (8 years ago)
ajax 取得内容を bootbox dialog で表示する

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
                });
            }
        });
まだ評価がありません
著者は、アプリケーション開発会社 Cyberneura を運営しています。
開発相談をお待ちしています。

アーカイブ