Взять данные из формы?

Question

[unlik]

На сайте есть форма обратной связи.

Отправка данных происходит без перезагрузки страницы при помощи

$('#osForm').submit(function(e) {
  e.preventDefault();
  $.ajax({
    url: "mail.php",
    type: "POST",
    data: $('#osForm').serialize(),
    success: function(response) {
      $.fancybox.close();
      $.fancybox.open({
        src: '#p_ok',
        type: 'inline',
      });
    },
    error: function(response) {
      //обработка ошибок при отправке
    }
  });
});

Но мне нужно что бы после отправки имя из формы подставилось в окне #p_ok которое всплывает после отправки формы с сообщением об успехе.

Как можно сделать?

Answer 1

[Алмат Ыбрай]

$.fancybox.open({
    src  : '#p_ok',
    type : 'inline',
    opts : {
      afterShow : function( instance, current ) {
       // предположим у тебя есть тег с id=username который внутри #p_ok
        document.querySelector('#p_ok #username').textContent = '<Сюда вставишь имя>';
      }
    }
  });