Update Cart Page by Ajax on quanity changeUpdate quantity of products in cart to the max available if quantity entered is greater thanTrying to run an AJAX script from the admin area in magentoRemoving Items from the cart doesn't update the ajax cartGet the magento cart quantity with ajaxUpdate cart using Ajax Magento not working?product quickview not working with infinite scrollMagento 2: How to create custom ui_component form to submit data by ajaxAjax cart validation on change qtyMagento 2 cart event observers not redirecting correctlyCant Access a Value on Input or Button with type Submit

Is it true that good novels will automatically sell themselves on Amazon (and so on) and there is no need for one to waste time promoting?

Time travel from stationary position?

Why one should not leave fingerprints on bulbs and plugs?

A link redirect to http instead of https: how critical is it?

Charles Hockett - 'F' article?

Existence of subset with given Hausdorff dimension

How difficult is it to simply disable/disengage the MCAS on Boeing 737 Max 8 & 9 Aircraft?

Brexit - No Deal Rejection

The difference between「N分で」and「後N分で」

Instead of Universal Basic Income, why not Universal Basic NEEDS?

Look at your watch and tell me what time is it. vs Look at your watch and tell me what time it is

Site Collection Administrator has left the building

Why is the BSI not using powers of two?

Hacking a Safe Lock after 3 tries

Are all passive ability checks floors for active ability checks?

Do the common programs (for example: "ls", "cat") in Linux and BSD come from the same source code?

How does the Sleep spell interact with the Aspect of the Moon eldritch invocation?

AG Cluster db upgrade by vendor

How do I hide Chekhov's Gun?

Did Ender ever learn that he killed Stilson and/or Bonzo?

Is it possible to upcast ritual spells?

Unexpected result from ArcLength

PTIJ: Who should I vote for? (21st Knesset Edition)

Define, (actually define) the "stability" and "energy" of a compound



Update Cart Page by Ajax on quanity change


Update quantity of products in cart to the max available if quantity entered is greater thanTrying to run an AJAX script from the admin area in magentoRemoving Items from the cart doesn't update the ajax cartGet the magento cart quantity with ajaxUpdate cart using Ajax Magento not working?product quickview not working with infinite scrollMagento 2: How to create custom ui_component form to submit data by ajaxAjax cart validation on change qtyMagento 2 cart event observers not redirecting correctlyCant Access a Value on Input or Button with type Submit













1















I have to update the main cart on change of quantity by Ajax without click on "Update Cart Button" and without reloading the page. By following code m able to update cart table but m not getting a solution to update "Cart Summary" block.



<script>
require(['jquery', 'Magento_Customer/js/customer-data',
'jquery/jquery-storageapi'], function ($)
// $("#submitbutton").hide();
var form = $('form#form-validate');
var qtyfields = $('input.qty');
$('.page.messages').each(function ()
var thismessage = $(this);
thismessage.attr('id', 'messages');
);

form.find(qtyfields).each(function (e)
var thisfield = $(this);
$(this).change(function ()
console.log('change detected');
form.submit();
);

);
form.on('submit', function (e)
e.preventDefault();
$.ajax(
url: form.attr('action'),
data: form.serialize(),
type: 'post',
success: function (res)
var parsedResponse = $.parseHTML(res);
var result = $(parsedResponse).find("#form-validate");
$("#form-validate").replaceWith(result);
//console.log(result);
//location.reload();
,
error: function ()
console.log('error');

);
console.log('form submitted');
);
);
</script>


Please give me some solution.










share|improve this question
















bumped to the homepage by Community 15 mins ago


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.



















    1















    I have to update the main cart on change of quantity by Ajax without click on "Update Cart Button" and without reloading the page. By following code m able to update cart table but m not getting a solution to update "Cart Summary" block.



    <script>
    require(['jquery', 'Magento_Customer/js/customer-data',
    'jquery/jquery-storageapi'], function ($)
    // $("#submitbutton").hide();
    var form = $('form#form-validate');
    var qtyfields = $('input.qty');
    $('.page.messages').each(function ()
    var thismessage = $(this);
    thismessage.attr('id', 'messages');
    );

    form.find(qtyfields).each(function (e)
    var thisfield = $(this);
    $(this).change(function ()
    console.log('change detected');
    form.submit();
    );

    );
    form.on('submit', function (e)
    e.preventDefault();
    $.ajax(
    url: form.attr('action'),
    data: form.serialize(),
    type: 'post',
    success: function (res)
    var parsedResponse = $.parseHTML(res);
    var result = $(parsedResponse).find("#form-validate");
    $("#form-validate").replaceWith(result);
    //console.log(result);
    //location.reload();
    ,
    error: function ()
    console.log('error');

    );
    console.log('form submitted');
    );
    );
    </script>


    Please give me some solution.










    share|improve this question
















    bumped to the homepage by Community 15 mins ago


    This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.

















      1












      1








      1








      I have to update the main cart on change of quantity by Ajax without click on "Update Cart Button" and without reloading the page. By following code m able to update cart table but m not getting a solution to update "Cart Summary" block.



      <script>
      require(['jquery', 'Magento_Customer/js/customer-data',
      'jquery/jquery-storageapi'], function ($)
      // $("#submitbutton").hide();
      var form = $('form#form-validate');
      var qtyfields = $('input.qty');
      $('.page.messages').each(function ()
      var thismessage = $(this);
      thismessage.attr('id', 'messages');
      );

      form.find(qtyfields).each(function (e)
      var thisfield = $(this);
      $(this).change(function ()
      console.log('change detected');
      form.submit();
      );

      );
      form.on('submit', function (e)
      e.preventDefault();
      $.ajax(
      url: form.attr('action'),
      data: form.serialize(),
      type: 'post',
      success: function (res)
      var parsedResponse = $.parseHTML(res);
      var result = $(parsedResponse).find("#form-validate");
      $("#form-validate").replaceWith(result);
      //console.log(result);
      //location.reload();
      ,
      error: function ()
      console.log('error');

      );
      console.log('form submitted');
      );
      );
      </script>


      Please give me some solution.










      share|improve this question
















      I have to update the main cart on change of quantity by Ajax without click on "Update Cart Button" and without reloading the page. By following code m able to update cart table but m not getting a solution to update "Cart Summary" block.



      <script>
      require(['jquery', 'Magento_Customer/js/customer-data',
      'jquery/jquery-storageapi'], function ($)
      // $("#submitbutton").hide();
      var form = $('form#form-validate');
      var qtyfields = $('input.qty');
      $('.page.messages').each(function ()
      var thismessage = $(this);
      thismessage.attr('id', 'messages');
      );

      form.find(qtyfields).each(function (e)
      var thisfield = $(this);
      $(this).change(function ()
      console.log('change detected');
      form.submit();
      );

      );
      form.on('submit', function (e)
      e.preventDefault();
      $.ajax(
      url: form.attr('action'),
      data: form.serialize(),
      type: 'post',
      success: function (res)
      var parsedResponse = $.parseHTML(res);
      var result = $(parsedResponse).find("#form-validate");
      $("#form-validate").replaceWith(result);
      //console.log(result);
      //location.reload();
      ,
      error: function ()
      console.log('error');

      );
      console.log('form submitted');
      );
      );
      </script>


      Please give me some solution.







      cart ajax magento-2.1.7






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Aug 29 '17 at 13:16









      St3phan

      1,9701236




      1,9701236










      asked Aug 29 '17 at 12:17









      MagecodeMagecode

      519421




      519421





      bumped to the homepage by Community 15 mins ago


      This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.







      bumped to the homepage by Community 15 mins ago


      This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.






















          2 Answers
          2






          active

          oldest

          votes


















          0














          Thank you for your Answer, but this code only will submit once if call the



          $("#form-validate").replaceWith(result);


          And Ajax returning a whole HTML page for the result, is there any way to just get back small string of a JSON data set instead?






          share|improve this answer
































            0














            use this one. its works fine for me



            • var parsedResponse = jQuery.parseHTML(res);

            • var result = jQuery(parsedResponse).find(".subtotal");

            • var result1 = jQuery(parsedResponse).find(".message");

            • jQuery(".subtotal").replaceWith(result);

            • jQuery(".message").replaceWith(result1);





            share|improve this answer






















              Your Answer








              StackExchange.ready(function()
              var channelOptions =
              tags: "".split(" "),
              id: "479"
              ;
              initTagRenderer("".split(" "), "".split(" "), channelOptions);

              StackExchange.using("externalEditor", function()
              // Have to fire editor after snippets, if snippets enabled
              if (StackExchange.settings.snippets.snippetsEnabled)
              StackExchange.using("snippets", function()
              createEditor();
              );

              else
              createEditor();

              );

              function createEditor()
              StackExchange.prepareEditor(
              heartbeatType: 'answer',
              autoActivateHeartbeat: false,
              convertImagesToLinks: false,
              noModals: true,
              showLowRepImageUploadWarning: true,
              reputationToPostImages: null,
              bindNavPrevention: true,
              postfix: "",
              imageUploader:
              brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
              contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
              allowUrls: true
              ,
              onDemand: true,
              discardSelector: ".discard-answer"
              ,immediatelyShowMarkdownHelp:true
              );



              );













              draft saved

              draft discarded


















              StackExchange.ready(
              function ()
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f191045%2fupdate-cart-page-by-ajax-on-quanity-change%23new-answer', 'question_page');

              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              0














              Thank you for your Answer, but this code only will submit once if call the



              $("#form-validate").replaceWith(result);


              And Ajax returning a whole HTML page for the result, is there any way to just get back small string of a JSON data set instead?






              share|improve this answer





























                0














                Thank you for your Answer, but this code only will submit once if call the



                $("#form-validate").replaceWith(result);


                And Ajax returning a whole HTML page for the result, is there any way to just get back small string of a JSON data set instead?






                share|improve this answer



























                  0












                  0








                  0







                  Thank you for your Answer, but this code only will submit once if call the



                  $("#form-validate").replaceWith(result);


                  And Ajax returning a whole HTML page for the result, is there any way to just get back small string of a JSON data set instead?






                  share|improve this answer















                  Thank you for your Answer, but this code only will submit once if call the



                  $("#form-validate").replaceWith(result);


                  And Ajax returning a whole HTML page for the result, is there any way to just get back small string of a JSON data set instead?







                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited Oct 20 '17 at 23:23









                  Aasim Goriya

                  3,9671938




                  3,9671938










                  answered Oct 20 '17 at 17:25









                  Harry AliveHarry Alive

                  487




                  487























                      0














                      use this one. its works fine for me



                      • var parsedResponse = jQuery.parseHTML(res);

                      • var result = jQuery(parsedResponse).find(".subtotal");

                      • var result1 = jQuery(parsedResponse).find(".message");

                      • jQuery(".subtotal").replaceWith(result);

                      • jQuery(".message").replaceWith(result1);





                      share|improve this answer



























                        0














                        use this one. its works fine for me



                        • var parsedResponse = jQuery.parseHTML(res);

                        • var result = jQuery(parsedResponse).find(".subtotal");

                        • var result1 = jQuery(parsedResponse).find(".message");

                        • jQuery(".subtotal").replaceWith(result);

                        • jQuery(".message").replaceWith(result1);





                        share|improve this answer

























                          0












                          0








                          0







                          use this one. its works fine for me



                          • var parsedResponse = jQuery.parseHTML(res);

                          • var result = jQuery(parsedResponse).find(".subtotal");

                          • var result1 = jQuery(parsedResponse).find(".message");

                          • jQuery(".subtotal").replaceWith(result);

                          • jQuery(".message").replaceWith(result1);





                          share|improve this answer













                          use this one. its works fine for me



                          • var parsedResponse = jQuery.parseHTML(res);

                          • var result = jQuery(parsedResponse).find(".subtotal");

                          • var result1 = jQuery(parsedResponse).find(".message");

                          • jQuery(".subtotal").replaceWith(result);

                          • jQuery(".message").replaceWith(result1);






                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Dec 14 '17 at 6:31









                          HansuHansu

                          13




                          13



























                              draft saved

                              draft discarded
















































                              Thanks for contributing an answer to Magento Stack Exchange!


                              • Please be sure to answer the question. Provide details and share your research!

                              But avoid


                              • Asking for help, clarification, or responding to other answers.

                              • Making statements based on opinion; back them up with references or personal experience.

                              To learn more, see our tips on writing great answers.




                              draft saved


                              draft discarded














                              StackExchange.ready(
                              function ()
                              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f191045%2fupdate-cart-page-by-ajax-on-quanity-change%23new-answer', 'question_page');

                              );

                              Post as a guest















                              Required, but never shown





















































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown

































                              Required, but never shown














                              Required, but never shown












                              Required, but never shown







                              Required, but never shown







                              Popular posts from this blog

                              Best approach to update all entries in a list that is paginated?Best way to add items to a paginated listChoose Your Country: Best Usability approachUpdate list when a user is viewing the list without annoying themWhen would the best day to update your webpage be?What should happen when I add a Row to a paginated, sorted listShould I adopt infinite scrolling or classical pagination?How to show user that page objects automatically updateWhat is the best location to locate the comments section in a list pageBest way to combine filtering and selecting items in a listWhen one of two inputs must be updated to satisfy a consistency criteria, which should you update (if at all)?

                              Вунгтау (аеропорт) Загальні відомості | Див. також | Посилання | Навігаційне меню10°22′00″ пн. ш. 107°05′00″ сх. д. / 10.36667° пн. ш. 107.08333° сх. д. / 10.36667; 107.0833310°22′00″ пн. ш. 107°05′00″ сх. д. / 10.36667° пн. ш. 107.08333° сх. д. / 10.36667; 107.083337731608Vinh AirportVinh airport facelift improves serviceвиправивши або дописавши їївиправивши або дописавши їїр

                              Тонконіг бульбистий Зміст Опис | Поширення | Екологія | Господарське значення | Примітки | Див. також | Література | Джерела | Посилання | Навігаційне меню1114601320038-241116202404kew-435458Poa bulbosaЭлектронный каталог сосудистых растений Азиатской России [Електронний каталог судинних рослин Азіатської Росії]Малышев Л. Л. Дикие родичи культурных растений. Poa bulbosa L. - Мятлик луковичный. [Малишев Л. Л. Дикі родичи культурних рослин. Poa bulbosa L. - Тонконіг бульбистий.]Мятлик (POA) Сем. Злаки (Мятликовые) [Тонконіг (POA) Род. Злаки (Тонконогові)]Poa bulbosa Linnaeus, Sp. Pl. 1: 70. 1753. 鳞茎早熟禾 lin jing zao shu he (Description from Flora of China) [Poa bulbosa Linnaeus, Sp. Pl. 1: 70. 1753. 鳞茎早熟禾 lin jing zao shu he (Опис від Флора Китаю)]Poa bulbosa L. – lipnice cibulkatá / lipnica cibulkatáPoa bulbosa в базі даних Poa bulbosa на сайті Poa bulbosa в базі даних «Global Biodiversity Information Facility» (GBIF)Poa bulbosa в базі даних «Euro + Med PlantBase» — інформаційному ресурсі для Євро-середземноморського розмаїття рослинPoa bulbosa L. на сайті «Плантариум»