jQuery освежительный напиток страницы AJAX, чтобы показать изменения, сопровождаемые обратной связью сообщения

I have a Wordpress Lists Table, and each row has the option to be deleted. When clicking I have a jQueryUI Dialog pop up. When confirming the action, ajax happens or whatever, and some server side stuff is processed. On success, I want the page to refresh and a wordpress message to be displayed, explaining that the delete was successful.

Причина, которую я хочу, чтобы страница освежила, состоит в том, потому что мой WP_List_Table не ajaxified, и мне нужно изменение, которое будет замечено.

Как я показываю сообщение после того, как страница будет обновлена? Путем я в настоящее время имею, показывает сообщение прямо после того, как освежительный напиток называют. Я не хочу задержки или что-либо: как только по подтверждению в диалоге щелкают, я хочу, чтобы страница освежила, материал серверной стороны, чтобы произойти, и затем сообщение успеха, чтобы показать.

Вот часть моего кода с варом/информацией серверной стороны, удаленным для простоты. Отметьте: я использую Wordpress, построил в Аяксе.

jQuery(".delete_gallery").click(function(event) {

    event.preventDefault();     
var link = jQuery(this).attr('href');
var link = link.substring(0, link.indexOf('?'));

jQuery("#deleteconf").dialog({
  height: 150,
  width: 350,
  resizable : false,
  modal: true,
  buttons: {
      "Delete all items": function() {
     jQuery(this).dialog("close");
        jQuery.post(
        MyAjax.ajaxurl,
        {
        action : 'delete_gallery',
        postCommentNonce : MyAjax.postCommentNonce,
        },
    function(response) {
        window.location.reload(link);   
        jQuery('#message p').html('The gallery was deleted successfully');
        jQuery('#message').show();      
    }); return false;

    },
    Cancel: function() {
    jQuery(this).dialog("close"); return false;
    }
}
}); 

});

Действительно ли это - лучший способ сделать это? Если так, как я заставляю сообщение обнаруживаться после освежительного напитка. В противном случае, каков лучший способ? Я действительно хотел бы использовать jQueryUI, и я не хочу, чтобы кто-то должен был щелкнуть как "хорошо, пункт был удален" для страницы, чтобы освежить и показать изменение.

У меня есть что-то подобное этому в месте, но это использует форму, и PHP, чтобы захватить кнопку представляют $ _POST, и я не уверен, возможно ли это, используя jQueryUI Кнопки. Так или иначе это не занимается ответом после освежительного напитка.

Спасибо, и я ценю всю помощь.

0
nl ja de
Я должен сделать это, но тогда я должен был бы посчитать ряды и если it' s последний ряд, покажите "нет никаких данных, пожалуйста, добавьте некоторое" сообщение, когда все остальное удалено. Независимо, я все еще хочу знать, как сделать то, что я описал выше, начиная с I' ve потратил впустую так много времени на него!
добавлено автор Jacob Raccuia, источник
@mikakun, поскольку я жду ответ, я осуществил ваше решение. Это работало отлично, удаляя одну галерею из страницы со многими. Однако, если есть больше чем одна страница галерей, все ряды удалены и она doesn' t показывают вторую страницу галерей. Таким образом похоже, что нет ни одного, когда действительно есть!
добавлено автор Jacob Raccuia, источник
I' m не в настоящее время составление таблиц через ajax, таким образом, я чувствую себя подобно it' s слишком много работы, чтобы воссоздать их в jQuery, особенно когда освежительный напиток страницы сделал бы
добавлено автор Jacob Raccuia, источник
почему don' t вы просто удаляют ряд из dom с JS на ajaxsuccess?
добавлено автор mikakun, источник
верните следующую галерею от того же самого запроса ajax, который удаляет галерею
добавлено автор mikakun, источник

1 ответы

Почти 7 месяцев спустя, и я решил это, случайно.

На успехе ответа AJAX, вместо того, чтобы назвать освежительный напиток, я должен представить форму, у которой есть скрытая стоимость, показывая сообщение, которое я хочу показать. Если бы я хотел, чтобы сообщение было условно, я мог бы просто населить его до подчинения формы.

форма HTML

<form action="" method="post" id="new-message-form">
    <input type="hidden" name="message" value="Success Message" />
</form>

ajax ответ, на успехе

function(response) {      
    $('#new-message-form').submit();    
});

additional jquery - this code grabs all $_POST and see's if the one you want exists.

<script>
jQuery(document).ready(function($) {
   //grab all $_POST
    var post = <?php echo json_encode($_POST); ?>;

   //if $_POST is set
    if('message' in post) {
        $('.success').html(post['message']);//display contents in .success
    }
});
</script>
0
добавлено
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

WordPress – русскоговорящее сообщество
WordPress – русскоговорящее сообщество
768 участник(ов)

Группа пользователей популярнейшей CMS WordPress. Запрещено: мат и ругань реклама, спам (в т.ч. каналами) религия, политика, наркотики приглашение ботов без согласования #nowarez

WordPress for developers
WordPress for developers
761 участник(ов)

Группа для разработчиков wordpress Запрещено - мат - оскорбления - флуд - реклама ip телефония https://goo.gl/wBaqci Другие чаты Битрикс https://t.me/bitrixfordevelopers Битрикс работа https://t.me/bitrix_work

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском