代码之家 › 专栏 › 技术社区 › cmbo

axios给了我JSON对象,但无法解析为Javascript对象

axios aurelia typescript json javascript

cmbo · 技术社区 · 7 年前

我一直在试图弄明白这一点,但不知道我做错了什么。我还不熟悉Aurelia、Typescript和Axios。

后端为我提供了一个JSON对象数组,我想将其解析为Javascript对象。凉的对于我的假数据,我使用了JSONplaceholder。解析时,返回的是[对象对象](请参阅底部图像链接)。我做错了什么?最后,我想拿出具体的数据,比如信息。名称,并显示名称。

测验ts

import axios from 'axios';
const apiURL = 'https://jsonplaceholder.typicode.com/users';

declare var $: any;


export class Test {
    info: string;
    infoX: string;
    public constructor () {
      axios.get(apiURL)
        .then(response => {
          this.info = JSON.stringify(response.data)
          this.infoX = JSON.parse(this.info);
          console.log(this.info);
          console.log(this.infoX);
        })
        .catch(error => console.log(error));
    }
}

测验html

<template>
  <pre style="margin-top: 200px">${info}</pre>
  <pre style="margin-top: 200px">${infoX}</pre>
</template>

screenshot of what the console log and view displays

1 回复 | 直到 7 年前

cmbo 7 年前

以下链接帮助我澄清了一些困惑: simple explanation of JSON.parse and JSON.stringify

然后,在我迭代数组的注释中听取Jame的建议,并从服务器返回数据。

测验ts

import axios from 'axios';
const apiURL = 'https://jsonplaceholder.typicode.com/users';

export class Data {
    infos: string;
    public constructor () {
      axios.get(apiURL)
        .then(response => {
          this.infos = response.data;
          console.log(this.infos);
        })
        .catch(error => console.log(error));
    }
}

测验html

<template>
    <ul>
        <li repeat.for="info of infos">
          Name: ${info.name}
        </li>
    </ul>
</template>

推荐文章

Bagas Rizkiyanto · 设置类型错误,尝试捕获类型脚本,但error.message除外

10 月前

Gate Study · React自定义钩子问题

10 月前

Souvik De · 无法使用auth0的access_token获取用户信息

11 月前

masoud khanlo · axios实例的React useState问题

11 月前

Pirathikaran · Axios拦截器为uuid自定义标头

1 年前

molLbach · 向Spring后端发送axios post请求时出现400错误

1 年前

pareshaann · 由于useEffect钩子,在react中无限重渲染

1 年前

Rhys Swansbra · API响应未在页面中呈现:在Proxy.created未定义天气

1 年前

Asrin Utku · Axios头获取,无法调用可能为“null”或“undefined”的对象。ts(2723)

1 年前

pomoworko.com · 如何在Node.js中使用Axios解决PayPal Webhook 401未经授权的错误?

1 年前