您的当前位置：首页正文

把接口调出来的数组内容显示在页面上

2024-11-12 来源：个人技术集锦

想要页面用户名后面显示接口调出来的用户数据

for...in 语句用于对数组或者对象的属性进行循环操作

用空数组接收 res.obj.records[key].username 中的属性值

js代码

ajax(service_prefix.aaa, "/aaa/aaa", "post", JSON.stringify(jsondata)).then(result => {
      if (result.status == 200) {
          var arr = [];
          for (var key in res.obj.records) {
            arr.push(res.obj.records[key].username);  
          //将records[].username里面的数据添加到空数组arr里面          
}
          $('#username').text(arr);
      }
    });

html

<p>用户名:<span id="username"></span></p>