V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
MorningStar0
V2EX  ›  问与答

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

  •  
  •   MorningStar0 · 2018-09-07 10:32:21 +08:00 · 1081 次点击
    这是一个创建于 2029 天前的主题,其中的信息可能已经有所发展或是发生改变。

    昨天看到一个问题,要求在使用 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 拓展一个函数?

    3 条回复    2018-09-07 13:58:05 +08:00
    MorningStar0
        1
    MorningStar0  
    OP
       2018-09-07 10:32:52 +08:00
    我的排版呢???惊了....
    noe132
        2
    noe132  
       2018-09-07 13:36:44 +08:00
    一般来说,这个叫拦截器。如 axios 提供了 interceptor 的功能。
    如果没有提供,可以自己 hook 函数
    比如
    const originalAjax = $.ajax
    $.ajax = (...p) => {
    console.log(p)
    originalAjax.apply($, p)
    }
    zzNucker
        3
    zzNucker  
       2018-09-07 13:58:05 +08:00
    直接 hook 函数就行了,不过要注意 jQuery 有些地方自己实现了逻辑,和 XHR 不太一样
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5879 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 873ms · UTC 02:18 · PVG 10:18 · LAX 19:18 · JFK 22:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.