Поиск пользователя Github - PullRequest
Новая
       3

Поиск пользователя Github

0 голосов
/ 04 марта 2020

Я пытаюсь найти пользователя GitHub, используя Ax ios, но получаю следующую ошибку:

Ошибка: «Сбой запроса с кодом состояния 404» экспорт https://unpkg.com/axios/dist/axios.min.js: 2 экспорт https://unpkg.com/axios/dist/axios.min.js: 2 onreadystatechange https://unpkg.com/axios/dist/axios.min.js: 2 2. html: 44: 25

Это мой код: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UFT-8">
  <title> </title>
</head>
<body>

  <form id="form-usuario" onsubmit="searchUsuario()" method="POST">
    <input type="text" name="user" id="usuario" placeholder="Informe o usuario do github">
    <button type="submit">Adicionar</button>
  </form>

  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script>
    //função para procurar o usuário
    function searchUsuario() {
      alert("searching...")
      event.preventDefault()

      let coleta = document.getElementById("usuario").value

      axios.get('https://api.github.com/users/${coleta}/repos')
        .then(function(response) {
          console.log(response)
        })
        .catch(function(error) {
          console.log(error)
        })
    }
  </script>
</body>
</html>

Как решить эту проблему?

1 Ответ

1 голос
/ 04 марта 2020

Если вы хотите добавить несколько переменных в стриги, вам нужно использовать такие кавычки: ``, обратные метки.

Попробуйте изменить `` вместо '' на axios.get('https://api.github.com/users/${coleta}/repos')

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UFT-8">
  <title> </title>
</head>
<body>

  <form id="form-usuario" onsubmit="searchUsuario()" method="POST">
    <input type="text" name="user" id="usuario" placeholder="Informe o usuario do github">
    <button type="submit">Adicionar</button>
  </form>

  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script>
    //função para procurar o usuário
    function searchUsuario() {
      alert("searching...")
      event.preventDefault()

      let coleta = document.getElementById("usuario").value

      axios.get(`https://api.github.com/users/${coleta}/repos`)
        .then(function(response) {
          console.log(response)
        })
        .catch(function(error) {
          console.log(error)
        })
    }
  </script>
</body>
</html>
...