Javascript将自定义请求放入缓存

Question

我想将jsonp查询的结果缓存在我的服务工作者中。因此，我将数据包装在Response对象中，然后尝试将其“放入”缓存中：

data = {foo:1, bar:2};
caches.open("my_cache")
.then(function (cache) {
    let response = new Response(JSON.stringify(data));
    cache.put("test.json", response)
        .then(data => console.log("sucess", data))
        .catch(err => console.log("failure", err));
})
.catch(err => console.log("Something went wrong", err));

很不幸，我遇到了一个例外。输出是

failure DOMException

不太具体。是否可以将自定义数据存储在缓存中？似乎cache.put引发了此异常。