6

所以我正在使用使用 ajax的 RiveScript 的 JavaScript 端口，当然我不想再使用 jQuery 了。只有一行 ajax，我想将其更改为新的 Fetch API。

**FYI: You can see the ajax code in line 1795 of the CDN.**

所以这里是原始代码：

return $.ajax({
    url: file,
    dataType: "text",
    success: (function(_this) {
        return function(data, textStatus, xhr) {
            _this.say("Loading file " + file + " complete.");
            _this.parse(file, data, onError);
            delete _this._pending[loadCount][file];
            if (Object.keys(_this._pending[loadCount]).length === 0) {
                if (typeof onSuccess === "function") {
                    return onSuccess.call(void 0, loadCount);
                }
            }
        };
    })(this),
    error: (function(_this) {
        return function(xhr, textStatus, errorThrown) {
            _this.say("Ajax error! " + textStatus + "; " + errorThrown);
            if (typeof onError === "function") {
                return onError.call(void 0, textStatus, loadCount);
            }
        };
    })(this)
});

到目前为止，这是我使用 Fetch API 尝试过的：

return fetch(file, {
        dataType: "text"
    })
    .then(function(_this) {
        return function(data, textStatus, xhr) {
            _this.say("Loading file " + file + " complete.");
            _this.parse(file, data, onError);
            delete _this._pending[loadCount][file];
            if (Object.keys(_this._pending[loadCount]).length === 0) {
                if (typeof onSuccess === "function") {
                    return onSuccess.call(void 0, loadCount);
                }
            }
        };
    })
    .catch(function(_this) {
        return function(xhr, textStatus, errorThrown) {
            _this.say("Ajax error! " + textStatus + "; " + errorThrown);
            if (typeof onError === "function") {
                return onError.call(void 0, textStatus, loadCount);
            }
        };
    })

应用代码：

var bot = new RiveScript();

bot.loadFile("./brain.rive", loading_done, loading_error);


function loading_done (batch_num) {
    console.log("Batch #" + batch_num + " has finished loading!");

    bot.sortReplies();

    var reply = bot.reply("local-user", "Hello, bot!");
    console.log("The bot says: " + reply);
}

function loading_error (error) {
    console.log("Error when loading files: " + error);
}

使用 Fetch API，我现在没有看到任何错误，尽管我也没有看到任何错误或成功消息。

我在这里错过了什么吗？

4

1 回答 1

6

fetch init 对象没有dataType键。

要表明您想要返回纯文本，Accept: text/plain请在请求中添加标头：

fetch(file, {
    headers: {
      "Accept": "text/plain"
    },
  })

并且该fetch调用返回一个使用Responseobject解析的承诺，并且该Response对象提供使用text、JSON data或 a解析的方法——这意味着处理来自调用的响应的基本形式如下：Blobfetch(…)

fetch(file, {
  headers: {
    "Accept": "text/plain"
  },
})
.then(response => response.text())
.then(text => {
  // Do something with the text
})

因此，您需要采用问题中的现有代码并将其放入该表单中。

于 2017-10-18T06:23:26.123 回答