Angular 2调用Java API时TypeScript Map转Java Map报错求助

我来帮你搞定这个问题！你遇到的错误根源很明确：TypeScript的Map对象在序列化为JSON时，会变成一个包含key和value属性的对象数组，比如：

[{"key":"key1","value":1},{"key":"key2","value":2}]

但你的Java后端期望的是标准的JSON键值对对象（{"key1":1,"key2":2}），所以Jackson无法把数组反序列成Map<String,Integer>，就抛出了那个错误。

解决方案：把TypeScript Map转换成普通JS对象 #

你需要先把Map转换成普通的JavaScript对象，再发送给后端。可以写一个简单的工具函数来做这个转换：

function mapToPlainObject(map: Map<string, number>): {[key: string]: number} {
  const plainObj: {[key: string]: number} = {};
  map.forEach((value, key) => {
    plainObj[key] = value;
  });
  return plainObj;
}

然后修改你的postMap方法，用转换后的对象代替原Map发送请求：

postMap(value: Map<string, number>){ 
  const plainObject = mapToPlainObject(value); // 转换为普通对象
  let headers = new Headers({ 'Content-Type': 'application/json' }); 
  let options = new RequestOptions({ headers: headers }); 
  return this.http.post(this.url, plainObject, options) 
    .map(success => success.status) 
    .catch(this.handleError); 
}

为什么这样可行？ #

当你把普通JS对象传给Angular的http.post时，它会被序列化成标准的JSON键值对结构，和你在Postman里测试的格式完全一致，这样Java后端的Jackson就能正确把它反序列成Map<String,Integer>了。

另外，如果你用的是较新的Angular版本（比如Angular 4+），建议用HttpClient代替旧的Http模块，它的默认行为更友好，不过核心的转换逻辑还是一样的。

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