[Résolu]CMSMS 2.2.7 - E-commerce - Module CART2 - Rechargement page

[SwBd]

Bonjour à tous,

Me voici de retour, mais cette fois ... Avec la réponse !

Ci-dessous, le code utilisé pour faire en sorte que tous les ajouts au panier de mon tableau (foreach) passe en AJAX (et ne provoque donc plus le rechargement de la page et le retour en haut).

Code :

[== JavaScript ==]
$('#tableau-boutalogue form.cms_form').on('submit', function () {

      var that = $(this),
          url = that.attr('action'),
          type = that.attr('POST'),
          data = {};

      that.find('[name]').each(function (index, value) {
          var that = $(this),
              name = that.attr('name'),
              value = that.val();
          data[name] = value;
      });
      
      $.ajax({
          url: url,
          method: type,
          data: data,
          success: function(response) {
              console.log(response);
              $("#panier-ajax").load( "index.php?page=boutalogue #panier-ajax");
          }
      });

      return false;

  });

#tableau-boutalogue correspond au tableau qui comporte tous les produits disponible pour le client.
form.cms_form correspond à tous les formulaires d'ajout au panier, qui, dans le module Cart2, ont comme class "cms_form".

#panier-ajax correspond au div qui contient le panier {Cart2 action=viewcart} de la même page (celui qui reçois les informations)


Je vous remercie tous pour votre aide et toutes les pistes que vous m'avez fourni.

Je passe le sujet en résolu.

[SwBd]

Bonjour à tous,

Me voici de retour, mais cette fois ... Avec la réponse !

Ci-dessous, le code utilisé pour faire en sorte que tous les ajouts au panier de mon tableau (foreach) passe en AJAX (et ne provoque donc plus le rechargement de la page et le retour en haut).

Code :

[== JavaScript ==]
$('#tableau-boutalogue form.cms_form').on('submit', function () {

      var that = $(this),
          url = that.attr('action'),
          type = that.attr('POST'),
          data = {};

      that.find('[name]').each(function (index, value) {
          var that = $(this),
              name = that.attr('name'),
              value = that.val();
          data[name] = value;
      });
      
      $.ajax({
          url: url,
          method: type,
          data: data,
          success: function(response) {
              console.log(response);
              $("#panier-ajax").load( "index.php?page=boutalogue #panier-ajax");
          }
      });

      return false;

  });

#tableau-boutalogue correspond au tableau qui comporte tous les produits disponible pour le client.
form.cms_form correspond à tous les formulaires d'ajout au panier, qui, dans le module Cart2, ont comme class "cms_form".

#panier-ajax correspond au div qui contient le panier {Cart2 action=viewcart} de la même page (celui qui reçois les informations)


Je vous remercie tous pour votre aide et toutes les pistes que vous m'avez fourni.

Je passe le sujet en résolu.