如何解决 js 异步请求逻辑注入

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2272 天前的主题，其中的信息可能已经有所发展或是发生改变。

昨天看到一个问题，要求在使用 jquery 封装的 ajax 的情况下，且不在业务逻辑里面进行输出。在异步请求发起前输出异步请求内容，包括 asyncType,body,cache 等. import $ from 'jquery'; import beforeAsyncSend from './beforeAsyncSend'; $.ajax(url,{ type: "POST", url: "/test", data: JSON,stringify({ name:'Jean', age:18 }), async: false }) beforAsyncSend(beforeSend){ console.log(beforeSend); } //输出{'asyncType':'POST','body':'{"name":"Jeam","age":"18"}','cache':'true'}

有一点思路不知道对不对,在$.ajax.prototype 拓展一个函数?

异步

beforesend

import

ajax

3 条回复 • 2018-09-07 13:58:05 +08:00

MorningStar0

2018-09-07 10:32:52 +08:00

我的排版呢???惊了....

noe132

2018-09-07 13:36:44 +08:00

一般来说，这个叫拦截器。如 axios 提供了 interceptor 的功能。
如果没有提供，可以自己 hook 函数
比如
const originalAjax = $.ajax
$.ajax = (...p) => {
console.log(p)
originalAjax.apply($, p)
}

zzNucker

2018-09-07 13:58:05 +08:00

直接 hook 函数就行了，不过要注意 jQuery 有些地方自己实现了逻辑，和 XHR 不太一样