错误消息 AJAX

Question

我需要添加一个错误弹出消息，但我真的找不到如何做到这一点。你能帮我吗？这是代码：

if ($(current).attr("id") == "payment-page") {
                                $.ajax({
                                    url: 'https://openiban.com/validate/' + $("#iban").val(),
                                    success: function (data) {
                                        if (data.valid) {
                                            generatePDF(true);
                                            run();
                                        }
                                    },
                                    error: function(data) {
                                      // TODO: add better error for user
                                    },
                                    timeout: 3000
                                });
                            } else {
                                run();
                            }

我尝试了一些错误功能的代码，但没有任何效果。

Answer 1

您可以使用像jquery-confirm (https://craftpip.github.io/jquery-confirm/(这样的jQuery插件为您创建弹出窗口。

按照安装说明将插件添加到您的应用程序中，并将代码更改为如下所示的内容：

if ($(current).attr("id") == "payment-page") {
    $.ajax({
        url: 'https://openiban.com/validate/' + $("#iban").val(),
        success: function(data) {
            if (data.valid) {
                generatePDF(true);
                run();
            }
        },
        error: function(data) {
            $.confirm({
                title: 'Encountered an error!',
                content: 'Error message',
                type: 'red'
            });
        },
        timeout: 3000
    });
} else {
    run();
}

检查这个小提琴 https://jsfiddle.net/o2gxgz9r/5745/