关于javascript:阿里低代码引擎-LowCodeEngine-如何配置并调用请求

首发于 语雀文档 @blueju

前言

发送申请是前端中很重要也很常见的一部分，阿里低代码引擎天然也不会短少这一块。
在阿里低代码引擎中，申请是在数据源中配置，数据源地位如下图：

配置

配置界面如下图：

其中数据源 ID 举荐小驼峰命名法，因为申请最终返回的后果会存入 this.state. 数据源 ID，如上图咱们表格冀望展现申请后果时，就能够将this.state. 数据源 ID 绑定到表格数据配置那里。

残余的配置项要么配置很简略（如申请地址、申请参数、是否主动申请、申请办法），要么用得较少并不必须（如增加数据处理函数、申请头信息、超时时长），本文也不是阿里低代码引擎使用指南，故不具体论述了。

调用

尽管申请配置项中有一项叫是否主动申请，但咱们实在场景个别是要自行调用申请办法，比方点击查问时发送申请、点击重置时清空查问表单并发送查问申请

如何调用这一块从应用界面很难理解到，文档中也鲜有形容，不过如果有教训的话，略微剥茧抽丝就能找到解决方。
当初需要是点击查问时须要发送查问申请，那咱们在点击查问按钮后的查问中先打印一下 this 看看，如图：

咱们曾经晓得是在数据源中配置申请，那咱们能够从打印出的 this 中查找一下对于数据源的一些关键词，如上图咱们发现属性 dataSourceMap 中有一个子属性 tableDataSource，这与咱们在配置中的数据源 id 统一，并且它上面还有一个 load 办法，猜想它是调用办法，那咱们在查问按钮所触发的查询方法中写上调用代码。

search() {console.log(this)
  const response = this.dataSourceMap.tableDataSource.load()
  response.then(res => {console.log(res)
    this.setState({tableDataSource: res})
  })
}

如下图，咱们如冀望的手动调用了申请，并胜利地返回了响应后果。