返回列表 发布新帖

【前端定制Vue】如何调用标准的异步API接口

24 2
发表于 2025-6-13 10:49:20 | 查看全部 阅读模式
问答

紧急程度

已完结
Vue定制前端,调用标准API接口,以下范例是调用同步API接口,如果调用异步API接口,应该如何调整?
image.png

最佳答案

查看完整内容

本帖最后由 翁俊 于 2025-6-13 16:28 编辑 目前样例就是异步的接口请求,调动接口都有一样的方式,区别就是参数和调用接口后的执行不同,需要根据业务自行调整,可以参考下列源码实例组织参数调试 initData(actionId: string, params?: any, eoc?: any): Observable<any> {     const executeContext = this.content?.executeContext;     const _params = {       actionId,//服务名 ...

评论2

翁俊Lv.7 发表于 2025-6-13 13:46:06 | 查看全部
本帖最后由 翁俊 于 2025-6-13 16:28 编辑

目前样例就是异步的接口请求,调动接口都有一样的方式,区别就是参数和调用接口后的执行不同,需要根据业务自行调整,可以参考下列源码实例组织参数调试
initData(actionId: string, params?: any, eoc?: any): Observable<any> {
    const executeContext = this.content?.executeContext;
    const _params = {
      actionId,//服务名称
      parameter: params,//入参
      businessUnit: eoc || executeContext?.businessUnit,//eoc或者运营单元
      executeContext: executeContext, // 上下文信息
    };
    return this.http.post(`${url}/api/atdm/v1/data/query/by/actionId`, _params, {
      headers: this.getHeader(), //配置header参数
    });
  }
平台已经封装好请求方式,不管是同步还是异步,接口成功后有回放参数,都会在调用的then方法里面,直接在then方法中获取回参即可
image.png
姜文盛Lv.7 发表于 2025-6-13 14:02:56 | 查看全部
补充:
异步API接口,如果指的是呼叫esp全异步的服务,
>> esp全异步是后端的异步callback,不牵涉前端。

大家来答
    热门讨论
      精选文章
      数据驱动2.0工作流流程变量说明
      在工作流执行的过程中,我们常常需要先取得一些待处理的数据,并在处理后将结果存放起
      互联中台整合请求安全码(digi-key)说明
      互联中台整合请求中有安全码的设计,用来验证整合请求的合法性。安全码的位置说明如下
      数据比对介绍
       一、数据比对介绍(一)业务场景在项目实施中,预算执行率的准确计算依赖于敏态
      Athena 五大驱动力介绍
                    在数字化转型的浪
      开发不踩雷-数据驱动2.0, 模型栏位异动调整时的注意事项
      场景说明我们在应用开发过程中, 模型的异动是非常常见的一般情况的开发顺序为 模型设
      • 关注公众号
      Copyright © 2025 鼎捷数智股份有限公司 版权所有 All Rights Reserved. Powered by Discuz! X5.0
      关灯 在本版发帖
      即将开放
      返回顶部
      快速回复 返回顶部 返回列表