如何拦截ajax调用以返回mock数据

How to intercept ajax calls to return mock data.

本文关键字：返回 mock 数据 调用 何拦截 ajax      更新时间：2023-09-26

在我之前的angularjs项目中，我使用拦截器来拦截http调用，并能够提供模拟数据，而不是来自服务器的真实数据。我发现它在整个开发过程中非常有用。

我的问题是，如果没有angularjs，我怎么能做到这一点（在我目前的项目中，我使用了另一个没有拦截器的框架）？有没有其他支持这一点的http库？如何使用jquery或superagent的http功能实现这一点？

所以我找到了以下脚本：https://github.com/creotiv/AJAX-calls-intercepter/blob/master/index.html

这是一把活小提琴：http://jsfiddle.net/0eyadb88/1/

我不打算讨论脚本中的所有内容，因为它看起来确实像我所评论的那样处理了XMLHttpRequest。在多大程度上，这当然只是一些测试，应该可以扩展。

我添加了一个非jqueryajax调用（在这里使用chrome进行测试），它也可以处理这个调用。

需要注意的主要部分是

(function (open) {
    XMLHttpRequest.prototype.open = function (method, url, async, user, pass) {
        alert('Intercept');
        open.call(this, method, url + ".ua", async, user, pass);
    };
})(XMLHttpRequest.prototype.open);

就我个人而言，除非有一个像样的图书馆，否则我会使用这种方法，但当然，如果有这样的图书馆的话。请务必告知我们；）

否则，清理脚本或使用该脚本通常应该相当容易。

您应该查看dfournier/plastine。我开发这个库是为了拦截请求并伪造响应或拦截服务器响应并修改它。我在工作中使用它，后端团队还没有准备好，但我们已经定义了API。

相关文章：