Как вывести отправленные данные через AJAX

Question

Есть форма

<form>
 <input class="id">
 <input class="name">
 <button class="submit>Отправить</button>
</form>

данные отправляются в обработчик на php через ajax

$(document).ready(function(){                                    
$('button.otverstiesubmit').on('click', function(e){                                                               
e.preventDefault() // без перезагрузки страницы

var id = $('input.id').val();
var name = $('input.name').val();

$.ajax({
method: "POST",
url: "add-user.php",
data: { id: id, name: name },

success: function() {
...
}

как вывести отправленные данные в новом div?

<div id="user">
<p>id</p>
<p>name</p>
</div>

Answer 1

В общем случае в колбэке надо написать:

let id = 111;
let name = 'Ivan';

let html = `
<div id="user">
    <p>${id}</p>
    <p>${name}</p>
</div>
`;

$("body").html(html);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

БЛОГ НА HUSL

Как вывести отправленные данные через AJAX

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