“响应”类型的参数不能分配给'string'类型的参数

我有这个项目正在处理中。这个想法是从谷歌书API检索书籍，使用角度4“响应”类型的参数不能分配给'string'类型的参数

我很努力去理解如何阅读JSON响应，我仍然在学习Angular。我搜索互联网，发现这个源代码在GitHub上 google bookstore

我收到以下错误

Argument of type 'Response' is not assignable to parameter of type 'string'.

此行

let bookResponse = JSON.parse(body);

我不知道如果我做它是正确的方式。感谢您的帮助

下面是我发送HTTP请求的方法。

getBooks(searchparam: any){ 
let par = new HttpParams(); 
par.set('q', searchparam); 

return this.httpClient.get('https://www.googleapis.com/books/v1/volumes', { 
    params : new HttpParams().set('q',searchparam) 
}).map(
    (response: Response) => { 
    let data = response; 

    return data; 
    } 
);

}

下面

是获得来自HTTP请求数据和读取JSON响应

getBook() { 

const dataArrya = this.searchForm.get('param').value; 

console.log(dataArrya); 
this.requestService.getBooks(dataArrya) 
    .subscribe(
    response => { 
     this.printData(response) 
    // console.log(this.bookData); 
    }, 
    (error) => console.log(error) 
);

}

private printData(res: Response) { 

let body = res; 
let books: Array<Book> = new Array<Book>(); 
let bookResponse = JSON.parse(body); 
console.log(bookResponse); 
console.dir(bookResponse); 
for (let book of bookResponse.items) { 
    books.push({ 
    title:book.volumeInfo.title, 
    subTitle: book.volumeInfo.subTitle, 
    categories: book.volumeInfo.categories, 
    authors: book.volumeInfo.authors, 
    rating: book.volumeInfo.rating, 
    pageCount: book.volumeInfo.pageCount, 
    image: book.volumeInfo.imageLinks === undefined ? '' : book.volumeInfo.imageLinks.thumbnail, 
    description: book.volumeInfo.description, 
    isbn: book.volumeInfo.industryIdentifiers, 
    previewLink: book.volumeInfo.previewLink 
    }); 
} 

}

来源

2017-10-29 OceanWavez

顺便说一句，上面的代码有错误。 HttpParams实例是不可变的，'.set'应该被链接https://stackoverflow.com/questions/45210406/angular-4-3-httpclient-set-params。这个par.set（'q'，searchparam）'不起作用。 – estus

感谢Estus，它为我工作，因为我只有一个参数，但如果我有更多，那么这是一个问题。 – OceanWavez

它适用，因为你在另一个地方有正确的代码，'params：new HttpParams（）。set（'q'，searchparam）' – estus

JSON.parse需要一个字符串的方法，但你传递一个Angular Response，这是一个对象（不是字符串）。为了一个角度Response转换为字符串，你可以调用它toString，就像这样：

let bookResponse = JSON.parse(body.toString());

来源

2017-10-29 06:14:12

由于the reference状态，

的responseTyp的值决定成功的响应体将如何解析。如果responseType是默认的json，则可以将结果对象的类型接口作为类型参数传递给request（）。

HttpClientget已经解析默认使用JSON.parse响应，也没有必要把它的两倍。

结果是普通对象，而不是Response（它属于Http API，在未导入时可能与Response global混淆）。

提到的repository使用Angular 2和Http，那里的代码在这里不适合。 HttpClient是Angular 4中引入的较新API。Http和HttpClient之间的主要实际区别在于后者不需要将.map(response: Response => response.json())添加到请求中。

来源

2017-10-29 07:49:50 estus

“响应”类型的参数不能分配给'string'类型的参数

回答

相关问题