Динамическое добавление контента?

Question

[grinch_asd]

Здравствуйте.
У меня есть форма добавления контента на сайт. Код следующий:

<form id="main_form">
  <input type="hidden" name="update" value="272848" id="qry_type" />
  <input type="text" placeholder="Название" name="product_chr_name"/>
  <input type="text" placeholder="Текст" name="product_dec_price1"/>
  <label id="load_img">Картинка<br/>
  </label>
  <input type="button" value="Выполнить" id="push" />
 </form>

$("#push").click(function(){
   var fd = new FormData($('#main_form')[0]);
   fd.append('from', window.location.href);
   xhr = new XMLHttpRequest();
   xhr.open('POST', '', true);
   xhr.send(fd);
  });

Контент добавляется, но видно его только после обновления страницы. Вопрос - как сделать так, чтобы его было видно на сайте сразу после обновления ?

Answer 1

[Валерий Хижевский]

А можешь это сделать через ajax?

Comments

[grinch_asd]

Я пробовал, но, к сожалению, не получилось. т.к. с аяксом знаком очень мало. В данной задаче нельзя использовать php. А все, что я гуглил с яксом было с использованием php. Я был бы благодарен, если бы вы показали как это делается через аякс по условиям задачи

[Валерий Хижевский]

grinch_asd, а на чем бек работает на node?

Answer 2

[Влад Володько]

Можешь попробовать как то так
1) Создаешь в jquery шаблон вывода
2) Подставляешь в него данные с формы
3) Append or prepend в нужный блок на сайте.

let $block = $('.result');
$block.prepend('<p>' + fd.get("product_chr_name")  + '</p><p>' + fd.get("product_dec_price1") + '</p>');

Но другим пользователям нужно будет обновлять страницу что бы увидеть эти данные.
Ну вообще как то так