заполнить поля формы JSON данные ответа

Question

Я хочу создать форму, чтобы пользователям приходилось отправлять свои электронные письма для доступа, а клиенты, которые уже существуют в моей базе данных, запускают API, который возвращает ответ от сервера со всеми данными, необходимыми для заполнения основной формы. I я пытаюсь, чтобы основная форма отображалась во всплывающем окне, и я хочу, чтобы форма заполнялась ответом сервера JSON для пользователей, которые были ранее зарегистрированы, поэтому им нужно всего лишь нажать кнопку отправки в главном всплывающем окне формы чтобы завершить, и пользователи, которые не зарегистрированы, просто должны будут вручную ввести свою информацию в главной форме.

вот базовый c пример ответа сервера для электронных писем пользователей, которые существуют в моей базе данных:

{
    "execTime": 20,
    "billedTime": 20,
    "Table": [{
        "firstName": "JOHN",
        "lastName": "DOE",
    }]
}

и вот пример формы, которую я пытаюсь заполнить

<form action="example.url" method="POST">
  <label for="firstName">First Name</label><br>
  <input type="text" id="firstName" name="firstName"><br>
  <label for="lastName">Last Name</label><br>
  <input type="text" id="lastName" name="lastName"><br>
<input type="submit" value="SUBMIT">
</form> 

Какой сценарий мне нужен для достижения этой цели. Я хочу, чтобы данные ответов снова заполняли поля формы для пользователей, которые существуют, или для пользователей, которые не существуют, тогда отображаются пустые поля формы, в которые пользователи могут вводить свою информацию

Answer 1

Это просто обычный javascript объект, проверьте ссылку о том, как обращаться с Javascript объектами

const data = {
    "execTime": 20,
    "billedTime": 20,
    "Table": [{
        "firstName": "JOHN",
        "lastName": "DOE",
    }]
}

document.getElementById('firstName').value = data.Table[0].firstName;
document.getElementById('lastName').value = data.Table[0].lastName;

<form action="example.url" method="POST">
  <label for="firstName">First Name</label><br>
  <input type="text" id="firstName" name="firstName"><br>
  <label for="lastName">Last Name</label><br>
  <input type="text" id="lastName" name="lastName"><br>
<input type="submit" value="SUBMIT">
</form>