如何在Angular 5中结合JAXB与REST API正确获取并访问数据？

这种情况我之前踩过坑！核心问题就是JAXB序列化时给数组里的每个Trip对象都套了一层根节点trip，导致Angular拿到的数组结构不是直接的Trip对象数组，而是每个元素都是包含trip字段的包裹对象——虽然控制台能看到数组，但直接用*ngFor遍历的话，你访问的其实是这个包裹对象，不是里面的实际Trip数据。

下面给你两种可行的解决思路：

思路一：在Angular前端处理数据（无需改动后端） #

在你的Angular服务里，拿到后端返回的数据后，用map操作符把每个元素里的trip字段提取出来，转换成纯净的Trip对象数组：

1. 修改服务中的请求方法 #

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

@Injectable({ providedIn: 'root' })
export class TripService {
  constructor(private http: HttpClient) {}

  getTrips(): Observable<any[]> {
    return this.http.get<any[]>('/api/trips')
      .pipe(
        // 遍历返回的数组，提取每个元素里的trip字段
        map(responseArray => responseArray.map(item => item.trip))
      );
  }
}

2. 组件中使用处理后的数据 #

import { Component, OnInit } from '@angular/core';
import { TripService } from './trip.service';

@Component({
  selector: 'app-trip-list',
  template: `
    <div *ngFor="let trip of trips">
      <!-- 这里替换成你的Trip对象实际属性，比如name、date等 -->
      <p>行程名称：{{ trip.name }}</p>
      <p>行程日期：{{ trip.date }}</p>
    </div>
  `
})
export class TripListComponent implements OnInit {
  trips: any[] = [];

  constructor(private tripService: TripService) {}

  ngOnInit(): void {
    this.tripService.getTrips().subscribe(data => {
      this.trips = data;
      console.log('处理后的行程数据：', this.trips); // 现在是直接的Trip对象数组了
    });
  }
}

这样处理后，trips数组里就是纯净的Trip对象，*ngFor就能正常遍历访问属性了。

思路二：修改Java后端的JAXB序列化配置（从根源解决） #

如果你有权限修改后端代码，可以调整JAXB的注解，让集合返回时不再给每个元素单独加根节点。

1. 使用包裹类+注解控制序列化 #

创建一个专门的集合包裹类，用@XmlElementWrapper和@XmlElement注解来规范序列化结构：

import javax.xml.bind.annotation.XmlElement;
import javax.xml.bind.annotation.XmlElementWrapper;
import javax.xml.bind.annotation.XmlRootElement;
import java.util.List;

@XmlRootElement(name = "trips")
public class TripList {
    private List<Trip> tripList;

    @XmlElementWrapper(name = "tripList")
    @XmlElement(name = "trip")
    public List<Trip> getTripList() {
        return tripList;
    }

    public void setTripList(List<Trip> tripList) {
        this.tripList = tripList;
    }
}

然后在你的REST接口中返回这个TripList对象，而不是直接返回List<Trip>：

@GET
@Path("/trips")
@Produces(MediaType.APPLICATION_JSON) // 或者你用的XML类型
public TripList getTrips() {
    List<Trip> trips = tripDao.getAllTrips();
    TripList tripList = new TripList();
    tripList.setTripList(trips);
    return tripList;
}

2. （可选）调整JAX-RS序列化配置 #

如果用的是Jersey这类JAX-RS实现，也可以通过配置禁用单个元素的根节点序列化，具体可以参考对应框架的文档，比如在Application类中添加序列化配置。

内容的提问来源于stack exchange，提问作者user2304483