Javascript 我想使用fetch方法从api url获取请求。但我不断地得到错误400

我想使用fetch方法从api url获取请求。但我不断得到错误400

这是我的剧本

fetch('https://api.funtranslations.com/translate/braille/unicode.json', {
method: 'get'})
.then(response => response.json())  // convert to json
.then(json => console.log(json))    //print data to console
.catch(err => console.log('Request Failed', err)); // Catch errors

我已经用postman测试了这个api请求，它是成功的，但是为什么我在我的网站上实现它却不成功呢

---

在

fetch

调用中未传递所需的

text

参数，导致返回

400

错误。您可以省略

{method:'get'}

，因为它是默认值

const baseURL = 'https://api.funtranslations.com/translate/braille/unicode.json'
const text = 'hello'

fetch(`${baseURL}?text=${text}`)
  .then(response => response.json())
  .then(console.log)

---

在Postman中，您请求url

https://api.funtranslations.com/translate/braille/unicode.json?text=hello

在js中，您请求的url没有任何参数。

哦，我明白了。非常感谢。但是如果我不希望文本参数是常量，那又如何呢？我希望文本来自用户输入。@HusnaZainal不客气。这只是一个给你一个想法的例子。在vanilla JS中，您可以执行类似于

const text=document.getElementById（'input'）.value的操作。非常感谢你。我是个新手。这就是为什么我需要学习更多啊哈。这个错误已经解决了。谢谢如果我想将响应显示回前端以便用户可以看到，我应该怎么做？@HusnaZainal您可以向盲文文本输入字段添加一个id（例如，
brailleText
），然后执行
fetch（url）。然后（response=>response.json（））。然后（（response）=>{document.getElementById（'brailleText'））.value=response.contents.translated.join（“”）}
。太好了。它起作用了。非常感谢。然而，为什么我使用const text=document.getElementById（'engtext'）。value时，我得到了一个错误，它说，无法读取null的属性'value'？是不是因为我的HTML编码有错误？