Javascript:如何将变量设置为API响应值获取API?
发布时间:2022-04-29 11:47:24 220
相关标签: # 前端
以下是我正在使用的代码:
const encodedParams = new URLSearchParams();
encodedParams.append("q", "Hello, world!");
encodedParams.append("target", "es");
encodedParams.append("source", "en");
const options = {
method: 'POST',
headers: {
'content-type': 'application/x-www-form-urlencoded',
'Accept-Encoding': 'application/gzip',
'X-RapidAPI-Host': 'google-translate1.p.rapidapi.com',
'X-RapidAPI-Key': '3955ade317mshe662a97591d523ap1e4475jsn3bb2b223ccbb'
},
body: encodedParams
};
fetch('https://google-translate1.p.rapidapi.com/language/translate/v2', options)
.then(response => response.json())
.then(response => console.log(response))
.catch(err => console.error(err));
下面是我从API收到的回复
{data: {…}}
data:
translations: Array(1)
0: {translatedText: '¡Hola Mundo!'}
length: 1
[[Prototype]]: Array(0)
[[Prototype]]: Object
[[Prototype]]: Object
如何从API响应中获取translatedText并设置一个等于该值的变量。我试过了TRANSLATED_TEXT = response.data.translations[0].translatedText;
我需要设置一个变量,然后将该变量放入HTML文档的h1中。如果您有任何获取API响应的帮助,我们将不胜感激!
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报