微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

action用json和前端交互_有时间格式

当我们需要把后端的数据以JSON的格式传递给前端时,常常需要使用action来实现。而如果其中涉及到时间格式的数据,就需要做一些特殊的处理了。

action用json和前端交互_有时间格式

首先,我们需要将后端传递过来的时间格式转换为前端可以识别的格式。比如,在后端我们有这样的时间格式:

{"time": "2021-09-30T18:00:00.000Z"}

这是ISO8601时间格式,但是在前端中如果需要将其格式化,可以使用JavaScript中的Date对象进行处理,代码如下:

var date = new Date("2021-09-30T18:00:00.000Z");
console.log(date.toLocaleString()); // 输出格式:2021/9/30 下午8:00:00

这样我们就成功地将后端传递过来的时间格式转换为前端可以识别的格式。

接下来,在前端的页面中我们可以通过action来获取这个JSON格式的数据。假设我们的后端接口为“/api/getData”,那么获取数据的代码如下:

fetch('/api/getData')
  .then(response => response.json())
  .then(data => {
    // 这里的data就是后端传递过来的JSON格式数据
    console.log(data); 
  })
  .catch(error => console.error(error));

这样我们就成功地获取了后端传递过来的JSON格式数据,并可以在前端进行处理和展示。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐