Update Cart Page by Ajax on quantity changeUpdate quantity of products in cart to the max available if quantity entered is greater thanAuto update cart quantity when change quantityTrying to run an AJAX script from the admin area in magentoGet the magento cart quantity with ajaxproduct 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 correctlyShopping cart page, update quantity by ajaxCant Access a Value on Input or Button with type Submit

How Could an Airship Be Repaired Mid-Flight

What did Alexander Pope mean by "Expletives their feeble Aid do join"?

Existence of subset with given Hausdorff dimension

What exactly is this small puffer fish doing and how did it manage to accomplish such a feat?

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

What's the meaning of “spike” in the context of “adrenaline spike”?

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

How to explain that I do not want to visit a country due to personal safety concern?

Is it possible to upcast ritual spells?

Declaring defaulted assignment operator as constexpr: which compiler is right?

Have researchers managed to "reverse time"? If so, what does that mean for physics?

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

What are substitutions for coconut in curry?

How can you use ICE tables to solve multiple coupled equilibria?

Min function accepting varying number of arguments in C++17

Professor being mistaken for a grad student

A limit with limit zero everywhere must be zero somewhere

SOQL: Populate a Literal List in WHERE IN Clause

Is it normal that my co-workers at a fitness company criticize my food choices?

Are there verbs that are neither telic, or atelic?

AG Cluster db upgrade by vendor

What is the rarity of this homebrew magic staff?

Interplanetary conflict, some disease destroys the ability to understand or appreciate music

Co-worker team leader wants to inject his friend's awful software into our development. What should I say to our common boss?



Update Cart Page by Ajax on quantity change


Update quantity of products in cart to the max available if quantity entered is greater thanAuto update cart quantity when change quantityTrying to run an AJAX script from the admin area in magentoGet the magento cart quantity with ajaxproduct 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 correctlyShopping cart page, update quantity by ajaxCant 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 the following code, I'm able to update cart table but m not getting a solution to update the "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




























    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 the following code, I'm able to update cart table but m not getting a solution to update the "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


























      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 the following code, I'm able to update cart table but m not getting a solution to update the "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 the following code, I'm able to update cart table but m not getting a solution to update the "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 14 mins ago









      magefms

      1,588225




      1,588225










      asked Aug 29 '17 at 12:17









      MagecodeMagecode

      519421




      519421




















          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-quantity-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-quantity-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

                              Magento 2 duplicate PHPSESSID cookie when using session_start() in custom php scriptMagento 2: User cant logged in into to account page, no error showing!Magento duplicate on subdomainGrabbing storeview from cookie (after using language selector)How do I run php custom script on magento2Magento 2: Include PHP script in headerSession lock after using Cm_RedisSessionscript php to update stockMagento set cookie popupMagento 2 session id cookie - where to find it?How to import Configurable product from csv with custom attributes using php scriptMagento 2 run custom PHP script

                              Can not update quote_id field of “quote_item” table magento 2Magento 2.1 - We can't remove the item. (Shopping Cart doesnt allow us to remove items before becomes empty)Add value for custom quote item attribute using REST apiREST API endpoint v1/carts/cartId/items always returns error messageCorrect way to save entries to databaseHow to remove all associated quote objects of a customer completelyMagento 2 - Save value from custom input field to quote_itemGet quote_item data using quote id and product id filter in Magento 2How to set additional data to quote_item table from controller in Magento 2?What is the purpose of additional_data column in quote_item table in magento2Set Custom Price to Quote item magento2 from controller

                              How to solve knockout JS error in Magento 2 Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?(Magento2) knockout.js:3012 Uncaught ReferenceError: Unable to process bindingUnable to process binding Knockout.js magento 2Cannot read property `scopeLabel` of undefined on Product Detail PageCan't get Customer Data on frontend in Magento 2Magento2 Order Summary - unable to process bindingKO templates are not loading in Magento 2.1 applicationgetting knockout js error magento 2Product grid not load -— Unable to process binding Knockout.js magento 2Product form not loaded in magento2Uncaught ReferenceError: Unable to process binding “if: function()return (isShowLegend()) ” magento 2