Как создать форму, которая принимает данные из API?

#javascript #api

#javascript #API

Вопрос:

Итак, я хочу создать веб-приложение, которое принимает данные из API. И это должна быть просто форма, и в этой форме данные будут отображаться не как JSON, а обычный текст. Эскиз здесь: HTML

 <div><form><input id="form" type="text" placeholder="search" size="20" /></form></div>
<div id="data"><h2>First name: John</h2>
<h2>Last name: Doe</h2>
<h2>Country: Canada</h2>
<h4>*not as JSON</h4></div>
  

CSS

 #form {
  height: 50px;
  font-size: 50px;
}
#data {
  background-color: green;
  width: 620px;
  height: 400px;
  margin-top: 15px;
}
  

Я предполагаю, что для этого требуется много javascript, но я даже не знаю, как с этого начать.

Комментарии:

1. Для этого вы можете использовать AJAX, который определен в плагине jQuery.

2. Можете ли вы сказать, какой api вы хотите использовать?

3. Это GitHub API.