Невозможно распечатать ответ JSON на стороне клиента HTML - PullRequest
Новая
       2

Невозможно распечатать ответ JSON на стороне клиента HTML

1 голос
/ 17 июня 2019

Я использую ajax для извлечения данных из бэкэнда. У меня есть таблица MySQL. Я хочу напечатать имя сотрудника на стороне клиента HTML. Внутри ajax-запроса я получаю объект JSON в качестве ответа, но не могу распечатать данные из запроса и вставить их в тег html. Я хочу напечатать имя сотрудника внутри <div> контейнера. 

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

Ответы [ 2 ]

0 голосов
/ 17 июня 2019

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

0 голосов
/ 17 июня 2019 
 $('#container').html("<h1>"+response.data[0].empname+"</h1>");

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

var header = document.createElement("h1");
header.innerHTML = response.data[0].empname;
document.getElementById("#container").appendChild(header);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...