jquery - 如何在ajax成功函数中添加flash消息？

Question

嗨，我正在使用 symfony，有时我需要使用 ajax 来避免重新加载页面。我有两个实体，“事件”和“列表”，我想将一些列表与事件相关联，我的代码可以正确使用ajax，但在录制后我想显示一条闪存消息，让用户了解操作已完成。这是我的 jquery 代码:

 <script type="application/javascript">
          $(".modal-body").hide();
        $("#btnenr").click(function(){

  var ev = {{id}};
  console.log(ev);
  var liste = $("input:checked").map(function () { return this.value; }).get();
  if (typeof liste !== 'undefined' && liste.length > 0) {
   
       $(".modal-body").show();
        $.ajax({
             type: 'get',
             url: '{{ path('liste_enregisterEvListe') }}',
             data : {
                        arrayy: liste,
                        x: ev
                    }, 
              success: function(data) {
              $(".modal-body").hide();
                // code that display the flash message
             }
            });

            }
       else{
       alert('Vous n \'avez rien saisi');
   
      }
       }
       
     
  );
    
        </script>

在我的 Twig 中，我有一个 Flash 消息的分区:

<div class="page-content">
            {% for flash_message in app.session.flashBag.get('notice') %}
                <div class="note note-warnning">
                    <p>{{ flash_message }}</p>
                </div>
            {% endfor %}
            {% for flash_message in app.session.flashBag.get('success') %}
                <div class="note note-success">
                    <p>{{ flash_message }}</p>
                </div>

那么如何添加 Flash 消息呢？

Answer 1

看来您不必在这里使用任何即时消息。它们被设计为在页面重新加载时显示一次。只需在成功回调中按照您喜欢的方式显示通知(可能使用 https://notifyjs.com/ 之类的东西？)。