Как вывести значения JSON из консоли в область на сайте?

 success : function(json) {
                  console.log(json)
                  let json = {"companies" : ['test1', 'test2', 'test3']};
                  document.getElementById('companies').innerHTML = json.companies.join(', ');

                  },

                  // handle a non-successful response
                  error : function(xhr,errmsg,err) {

                  }

<div class="leadOut">
  <p>Подходящие компании</p>
</div>

Как вывести значения JSON о компаниях которые выводятся в консоль?

function select_company()
{
  var chbx_list = collect_checkboxes();
  var amount = chbx_list.length;
  console.log(chbx_list);
  csrf_token = $('input[name="csrfmiddlewaretoken"]').val();
  $.ajax({
      url : "/blockchain/", // the endpoint убрать первыйс слуеш в случае неудачи
      type : "POST", // http method
      data : {chbx_amount : amount,
              checks_list : chbx_list,
              csrfmiddlewaretoken: csrf_token }, // data sent with the post request

              success : function(json) {
                  console.log(json)
                  },

                  // handle a non-successful response
                  error : function(xhr,errmsg,err) {

                  }
      });
      return false;
}

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Алексей Шиманский

Вам подойдёт метод join() для массивов, который объединяет все элементы массива в строку с помощью указанного разделителя

let json = {"companies" : ['test1', 'test2', 'test3']};

document.getElementById('companies').innerHTML = json.companies.join(', ');
<div class="leadOut"> 
    <p>Подходящие компании:</p> 
    <div id="companies"> </div>
</div>

→ Ссылка