带有父/子函数的 Ajax 承诺

Question

我正在使用带有taggle.js 的ajax 调用来对照数据库检查键入的标记值。 taggle 文档在onBeforeTagAdd 事件上指定return false 以防止添加标签，但我知道ajax 无法做到这一点，因为它是异步的。我已经看到其他 SO 问题建议承诺使函数依赖于 ajax 响应，但是当 ajax 调用位于依赖于其响应的父函数内部时，我很难理解如何使用承诺 - 任何人都可以提供建议吗？下面是 ajax 调用的代码：

new Taggle('tagexample', {
    onBeforeTagAdd: function(event, tag) {
        // return false here would prevent tag from being added
        $.ajax({
            method:"POST",
            url:"inputcheck.php",
            data:"tag="+tag,
            dataType:"html",
            success:function(result){
                alert(result);
                if (result == 'no') {
                    // return false here won't work
                }
            }

        });
    },
});

Answer 1

Taggle 需要在 onBeforeTagAdd 方法上支持 Promise，但看起来它并不支持。

我能想到的唯一可行的方法是始终返回 false（在进行 ajax 调用之后），如果是，则动态创建标签。

new Taggle('tagexample', {
    onBeforeTagAdd: function(event, tag) {
        $.ajax({
            method:"POST",
            url:"inputcheck.php",
            data:"tag="+tag,
            dataType:"html",
            success:function(result){
                alert(result);
                if (result == 'yes') {
                    // create tag
                }
            }

        });

        return false;
    },
});