繁体   English   中英

如何访问客户端发送的对象数组中的数据?

How to access data within an array of objects sent from client side?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

以下是我如何使用React JS和Fetch将数据发布到NodeJS API的方法。 我的问题是我不知道如何在我的nodejs api路由中从客户端访问发送的对象数组。 如果您对我的代码还有其他疑问,请在下面评论。

 fetch('http://localhost:5000/api/testSub', {
        method: 'POST',
        body: JSON.stringify(teamSheet),
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${jwt}`
        }
      }).then(res => {
        this.props.history.push('/Login');
      });

这是我目前试图访问对象数组的方式

   router.post('/testSub', auth, async function(req, res) {
          //GET ARRAY
       const sheet = {
        teamsheet.playerNumber = req.body.playerNumber,
        teamsheet.playerName = req.body.playerName,
        teamsheet.playerPosition = req.body.playerPosition
    };
      next();
    });
1 个回复

首先,确保您的teamSheet变量是一个Object,其中包含一个数组。 您的提取函数看起来有效。 在节点侧,您应该能够在请求正文中对其进行访问。

// Client Fetch
var players = [{
   name: 'John',
   number: '11',
   position: 'Pitcher',
 },{
   name: 'Mary',
   number: '22',
   position: 'Catcher',
 }]

var teamSheet = { players: players }

// Fetch...
fetch('http://localhost:5000/api/testSub', {
    method: 'POST',
    body: JSON.stringify(teamSheet),
    headers: {
      'Content-Type': 'application/json',
      Authorization: `Bearer ${jwt}`
    }
  }).then(res => {
    this.props.history.push('/Login');
  });


// Server
var players = req.body.players
2 如何使用客户端javascript访问节点服务器发送的数据

我正在使用节点服务器将表从sqlite db发送到浏览器。 该表包含要在浏览器中呈现的pdf文件的文件名和路径。 到目前为止,我一直使用pdf文件和渲染的硬编码路径。 但是现在我已经在节点中设置了一条获取路线和一个控制器,以便每当在浏览器中命中“ / content”时,服务器就会查询数据 ...

6 从客户端传递对象并从服务器端访问-Knockoutjs

我正在使用Knockout基础知识。 我通过调用WebForm3.aspx / saveData将数据从客户端传递到服务器端。 为简单起见,我按数据(txtName,txtEmail,txtAge)传递数据。 因此,我可以按以下方式在服务器端代码中访问这些数据。 现在该重构我 ...

7 如何访问我从客户端(NodeJs)发布的数据

我在JS中收集了一些数据; 并有一个 NodeJs 页面 我想将数组“数据集”发布到服务器端,并在 NodeJs 页面中访问,但我不能。 我试图像在代码中一样使用 Ajax 发送,但我失败了: 节点: 它在终端上返回“未定义”。 如何访问我从客户端发布的数据? ...

8 从客户端发送数据后如何从数据库取回数据?

填写并将其发送给DB之后,我在angular js中有了个人资料页面。 然后,再次回到同一个人资料页面,我在该字段中没有任何值。 profile.html 图片中的前三个值通过ngStorage,填充了存储在DB中的剩余字段数据后。 对于chekcBox,我使用了级联下拉 ...

10 如何在反应中从数据数组访问对象

我有以下钩子 我通过编写以下代码调用了这个钩子 之前的 API 不直接在数据中返回带有“命中”的结果 问题是当我编写以下代码时: 我知道我可以通过在 hook 中添加 "hits" 来解决这个问题,但我不想这样做,因为我需要 hook 是通用的。 我需要在调用部分而不是在 hook 中操 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM