Переполнение стека вызовов Magnific
Я застрял при получении любого из различных сообщений Magnific в WordPress для вызова формы PHP во всплывающем окне (например,Отправить значение кнопки отправки, когда форма будет опубликована). В настоящее время мой код приводит к открытию новой страницы, а возврат к исходной странице обновляет страницу. Я хотел бы, чтобы ссылка вызывала всплывающее окно с формой php во всплывающем окне, и как только оно закрывается, соответствующая страница не обновляется.
В конечном счете, я бы хотел, чтобы пользователь мог щелкнуть ссылку в таблице, показать всплывающее окно с изображениями, видео и т. Д., А также с полями, которые публикуются в mysql с помощью php. Отсюда и мое желание вызвать php форму. Может быть другой способ сделать это … поэтому альтернативные подходы приветствуются, но об этом я и пишу здесь (возможность щелкнуть ссылку в таблице, просмотреть форму и ввести данные, выполнить отправку с / o обновление основной страницы).
Сначала я пытаюсь заставить простой вызов работать, когда пользователь нажимает на ссылку в таблице, и во всплывающем окне из файла php отображается «привет мир».
У меня есть файл .php в корне под названием «myformx.php», который содержит:
enter code here
<html>
<head>
<title>PHP Test</title>
</head>
<body>
<?php echo '<p>Hello World</p>'; ?>
</body>
</html>
Мой код для ссылки в таблице, по которой пользователь нажимает:
enter code here
a class="popup" href"#" alt="" data-content-id="#thepop6">Pop</a>
<html>
<head>
<script type="text/javascript">
$('a.your-link').on('click',function(e){
e.preventDefault();
$.ajax({
type: "POST", // or POST
url: 'myformx.php',
data: {
get_request_id : $(this).data('id'), // assign a data-id to the
link
},
success: function(data){
$.magnificPopup.open({
type: 'inline',
closeOnContentClick: false,
items: {
src: myformx.php
}
})
}
});
});
</script>
</head>
<body>
<form action="http://localhost/myformx.php" method="post">
<div id="thepop6" class="white-popup mfp-hide">
<a href="http://localhost/myformx.php" class="simple-ajax-iframe">form</a>
</form>
</body>
</html>
Это «работает», но открывает всплывающее окно со ссылкой на «форму», и когда я нажимаю на эту ссылку, она вызывает новую страницу с «Привет мир». Моя цель — показать код php во всплывающем окне без смены страниц. В конечном счете, это будет включать в себя поля для ввода данных, и когда пользователи отправляют данные, они записываются в mysql без обновления базовой страницы.
Я видел посты, которые отличаются в разделе «скрипт» (например, с помощью обратного вызова) и предложения использовать Post в теле и в форме .php, но также не имели успеха с ними.
Помогите! Спасибо
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …