Почему не получается вывести модальное окно при успешной отправке формы методом AJAX?

Question

[Полина Гусаковская]

Итак, имеется простая форма с одним полем и кнопкой, а также DIV с успешным сообщением:

<form id="formaj">
      <input type="text" id="email" name="email">
      <button type="submit" class="btn btn-primary">Отправить</button>
    </form>
    <div id="success-wrap" class="modal success-modal">
      <div class="content">
        <p class="success-icon"><i class="fa fa-check-circle-o" aria-hidden="true"></i></p>
        <p>Ваш доступ отправлен Вам на почту. Проверьте свою почту, в том числе папку «Спам». Тест</p>
      </div>
    </div>

Отправляю данные из элемента Ajax-методом, данные отправляются в php-запрос и он прекрасно выполняется.

$('#formaj').on('submit', function(e){ 
    e.preventDefault();
    var form = $(this);
    var email  = form.find('[name="email"]').val();
	var dataForm = 'email='+email;
    $.ajax({
            url: 's/php/form3.php',
            method: 'post',
            dataType: 'json',
            data: dataForm,
            success: function(data){
                              $.fancybox.open( $('#success-wrap'), {
                                  touch: false
                              });
                          }
        });
        return false;
    });

Php-запрос:

if (isset($_POST)) {
    $email         = $_POST['email'];
    $user="root";
    $pass="root";
    try {
        $dbh = new PDO('mysql:host=localhost;dbname=users', $user, $pass);
        $dbh->query('INSERT INTO s_typedoc(`id_typedoc`, `typedoc`) VALUES (null,"'.$email.'")');
        } catch (PDOException $e) {
            print "Error!: " . $e->getMessage() . "<br/>";
            die();
        }
    }

Почему запрос осуществляется успешно, а сообщения не выходит?

Answer 1

[Владимир]

Посмотрите в консоли браузера, про что у вас ругань идет. Наверняка у вас что-то undefined или is not a function.