接口参数名使用变量传递参数

动态属性赋值与接口交互

最新推荐文章于 2023-02-28 17:41:41 发布

原创最新推荐文章于 2023-02-28 17:41:41 发布 · 736 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

前端专栏收录该内容

60 篇文章

订阅专栏

该博客讨论了一个JavaScript代码示例，其中`items`对象数组用于动态设置接口请求的参数`obj.params`。通过遍历`items`，将每个对象的`name`作为键，`value`作为值，赋值到`obj.params`中，实现动态构建接口请求的数据。这个过程涉及到对象遍历、属性赋值以及与后台接口的交互。

背景

有这样一个接口, 属性1 和 属性2 分别对应 属性列表 中的参数, 也就是说 属性1 和 属性2 是个动态变化的变量.
在这里插入图片描述

思路

在这里插入图片描述

代码

items 是个对象数组, 格式为:

[{name: "", value: ""},...]

解析:

			const entityArrList = this.items
			
            entityArrList.forEach(arrObj => {
              console.log("arrobj是:")
              console.log(arrObj)
              var name = arrObj.name
              var value = arrObj.value
              console.log("name value:")
              console.log(name,value)
              obj.params[name] = value
            })

在这里插入图片描述

其中obj为向接口中传递的数据:

let obj = {
              action: "add",
              dbId: kb_id,
              params: {
                "本体key": ontology_key,
                "本体": this.ontologyName,
                "实体": 实体,
                "描述": 描述,
                "属性列表": this.ontologyAttr,
                "创建人": realName
              }
            }