Парсинг JSON в AJAX из PHP

Я новичок в js. Проблема в парсинге json, полученного из PHP в jQuery AJAX. У меня есть форма, данные из нее записываются в БД с использованием AJAX.

Как сделать так, чтобы они сразу же и отображались в таблице под этой формой, уже все перерыл?

php:

  <?php
  $sql = ("INSERT INTO products (Name, Price) VALUES (:name, :price)");
  $name = trim($_POST["Name"]);
  $price = trim($_POST["Price"]);
  $params = [':name' => $name, ':price' => $price];
  $query = $pdo->prepare($sql);
  $result = $query->execute($params);
  echo json_encode($result);
  ?>

Написал работающий код на ввод данных, а на тестовый вывод в консоль не работает(.done(function(res))

js:

  <script>
  $(document).ready(function(){
    $("#ok").on('click', function(){
      var nameValue = $("#name").val();
      var priceValue = $("#price").val();

      $.ajax({
        method: "POST",
        url: "Products.php",
        data: { Name: nameValue, Price: priceValue }
      })
      .done(function(res){
        var json = jQuery.parseJSON(res);
        alert(json.answer);
      });
      });
    })
  })
</script>

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

Автор решения: ILC

Примерное выполнение:

  1. создать пустой div id="your_div".
  2. В новом div описать переменные которые сохраняешь, например nameValue переменные PHP с условием if ($nameValue){}
  3. При сохранении данных в функции .done (успешное сохранение) перезагрузить сам div а не страницу, например так:

    var url = window.location.href;$("#your_div").load(url + " #your_div");
    

P.S. сделай проще - в функции .done задекларируй переменные в js, и вставь их в блок div id="your_div", вот примерно то, что тебе нужно

→ Ссылка