Блог

Я использую RapidAPI для доступа к API поиска изображений ContextualWeb. Приведенные примеры кода предназначены только для серверной части: https://rapidapi.com/contextualwebsearch/api/web-search /

Я пытаюсь интегрировать API в приложение React JS. Как я могу сделать запрос GET на JavaScript?

Вот пример CURL с веб-сайта Rapid API:

 curl --get --include 'https://contextualwebsearch-websearch-v1.p.rapidapi.com/api/Search/ImageSearchAPI?autoCorrect=falseamp;pageNumber=1amp;pageSize=10amp;q=Taylor Swiftamp;safeSearch=false' 
  -H 'X-RapidAPI-Host: contextualwebsearch-websearch-v1.p.rapidapi.com' 
  -H 'X-RapidAPI-Key: XXXXXXXX'
 

API поиска изображений должен возвращать результирующий JSON.

Данный curl запрос преобразуется в следующий fetch API (реализованный браузерами) запрос.

 const url ="https://contextualwebsearch-websearch-v1.p.rapidapi.com/api/Search/ImageSearchAPI?autoCorrect=falseamp;pageNumber=1amp;pageSize=10amp;q=Taylor Swiftamp;safeSearch=false"
const options = {
  method: 'GET',
  headers: {
    "X-RapidAPI-Host": "contextualwebsearch-websearch-v1.p.rapidapi.com",
    "X-RapidAPI-Key": "XXXXXXXX"
  },
}

fetch(url, options)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(e => console.error(e))