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

Question

I want to get request from an api url using fetch method. But I keep on getting error 400

This is my script

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

I already test this api request using postman and it is successful, but why when I implemented in my website it is unsuccessful?

Answer 1

You're not passing the required text param in the fetch call causing the API to return a 400 error. And you can omit { method: 'get' } since it's the default.

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

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

Answer 2

In Postman you request the url https://api.funtranslations.com/translate/braille/unicode.json?text=hello and in js you request an url without any parameters.