Я использую AJAX для извлечения данных из бэкэнда. У меня есть таблица MySQL. Я хочу напечатать имя сотрудника на стороне клиента HTML. Внутри запроса ajax я получаю объект JSON в качестве ответа, но я не могу распечатать данные из запроса и вставить их в тег html. Я хочу напечатать имя сотрудника внутри контейнера {amp}lt;div{amp}gt; .

 $.ajax({ type: 'POST', dataType: 'json', url: 'http://localhost:3000/endpoint', success: function(response) { console.log('success'); console.log(response.data[0].empid); $('#container').html("{amp}lt;h1{amp}gt;" response.data[0].empname "{amp}lt;/h1{amp}gt;"); } }); {amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id="select_div"{amp}gt;{amp}lt;input type="submit" name="submit" id="submitbut" /{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="container"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;/body{amp}gt; 

Вы выбираете элемент с идентификатором «container», когда выполняете $('#container') , но такого элемента нет. Вместо этого ваш контейнер имеет класс container . Поэтому либо выберите контейнер по его классу с помощью $('.container') либо присвойте ему идентификатор container в HTML.

  $('#container').html("{amp}lt;h1{amp}gt;" response.data[0].empname "{amp}lt;/h1{amp}gt;"); 

Приведенный выше код может быть заменен следующими строками кода

 var header = document.createElement("h1"); header.innerHTML = response.data[0].empname; document.getElementById("#container").appendChild(header);