无法将数组从 Angular 2 typescript 传递到 Spring Java

Question

我正在尝试从我的打字稿中传递一个字符串数组

tmp : Array<string> = [];

所以我有一个函数将这个数组作为参数输入

passValues(test : Array<string>) {
   ........
   // some method to call post method from service
}

所以在服务中

public passingOfValues( test : Array<string> ) : Observable<Array<string>> {
    let headers = new Headers({ 'Content-Type': 'application/json'} );
    let options = new RequestOptions({ headers: headers); 

    let response = this.http.post(this.basePath + this.modulePath + '/getArrayValue', {'test' : test }, options)
            .map(this.extractData)
            .catch(this.handleError);
            return response;
}

但我收到诸如系统属性 [org.owasp.esapi.devteam] 未设置之类的错误

我在其他帖子上读到，我必须在传递到后端之前对数组进行字符串化。

我需要字符串化有什么原因/我也可以只传递原始数组吗？

编辑 1： 包括后端控制器代码

public ResponseEntity<?> getArrayValues( ArrayList<String> test ) {
     logger.debug("@@@ Test if array has a size @@@" + test.size());


}

显然 size 已经从这里显示为 0。

编辑 2：

调试的时候发现后面的SQL在接收 说

HOME CHARACTER(20 OCTETS)

这有什么不同吗？ 就像将字符串传递到八位位组一样，还是我必须进行一些转换？

对不起，如果我有很多问题，我也在努力调试和了解更多信息！

Answer 1

大多数开发人员喜欢 JSON 数据作为请求，这在 RESTful api 中是一种很好的做法。为什么？

JSON 格式为{key1: value1, key2: value 2,....}

你已经过去了

this.http.post(this.basePath + this.modulePath + '/getArrayValue',{'test' : YOUR_ACTUAL_ARRAY})

形成前端。 httpClient.post(url,body,options?) 有 url 和 body 是强制性的。你怎么能在后端得到它？因为你只有身体，

    public ResponseEntity<?> getArrayValues(@RequestBody List<String> test) {    
       // codes
    }

前端test传递参数的key和变量which 在后端侦听应该同名。否则 @RequestBody("KEY_NAME") List<String> any_variable

正如您在评论中询问的那样，您可能有两个键值对。例如：{ "test" : value1, "tmp": value2}。假设value1 和value2 都是字符串数组。

this.http.post(this.basePath + this.modulePath + '/getArrayValue',{'myJson' : YOUR_JSON})

有很多方法（例如：Gson、ObjectMapper 等）。我用另一种方式。

创建一个名为 TestTmpConverter 的类

class TestTmpConverter{
    List<String> test;
    List<String> tmp;

    //No-argument constructors & Argument constructors
    //Getters
}

在控制器中

public ResponseEntity<?> getArrayValues(@RequestBody List<TestTmpConverter> myJson ) {
    List<TestTmpConverter> test=myJson.getTest();
    List<TestTmpConverter> tmp=myJson.getTmp();

    // Do your work

}

我只展示了一种方法。有很多方法可以将数据传递到后端，例如@RequestParam, @PathVariable etc。我觉得现在你知道了如何传递数据。

Answer 2

对于您的客户，将您的数据直接放在 POST 的正文中：

public passingOfValues( test : Array<string> ) : Observable<Array<string>> {
    let headers = new Headers({ 'Content-Type': 'application/json'} );
    let options = new RequestOptions({ headers: headers); 

    let response = this.http.post(this.basePath + this.modulePath + '/getArrayValue',
                  test, options)
            .map(this.extractData)
            .catch(this.handleError);
            return response;
}

在您的 REST 服务上使用 @RequestBody 注释：

public ResponseEntity<?> getArrayValues(@RequestBody String[] test ) {
     logger.debug("@@@ Test if array has a size @@@" + test.size());


}