Ggtkuk

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

Does Mathematica reuse previous computations?

Why do Australian milk farmers need to protest supermarkets' milk price?

Recruiter wants very extensive technical details about all of my previous work

Do I need to be arrogant to get ahead?

Do I need life insurance if I can cover my own funeral costs?

how to write formula in word in latex

How to deal with a cynical class?

Why do passenger jet manufacturers design their planes with stall prevention systems?

Are ETF trackers fundamentally better than individual stocks?

Welcoming 2019 Pi day: How to draw the letter π?

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

Time travel from stationary position?

My adviser wants to be the first author

What has been your most complicated TikZ drawing?

What do Xenomorphs eat in the Alien series?

Sailing the cryptic seas

What approach do we need to follow for projects without a test environment?

Are there verbs that are neither telic, or atelic?

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

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

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

Existence of subset with given Hausdorff dimension

Can I use USB data pins as power source

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.

cart ajax magento-2.1.7

share|improve this question

edited 4 hours ago

magefms

1,598425

asked Aug 29 '17 at 12:17

MagecodeMagecode

519421

add a comment | 

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.

cart ajax magento-2.1.7

share|improve this question

edited 4 hours ago

magefms

1,598425

asked Aug 29 '17 at 12:17

MagecodeMagecode

519421

add a comment | 

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

edited 4 hours ago

magefms

1,598425

asked Aug 29 '17 at 12:17

MagecodeMagecode

519421

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

share|improve this question

edited 4 hours ago

magefms

1,598425

asked Aug 29 '17 at 12:17

MagecodeMagecode

519421

share|improve this question

edited 4 hours ago

magefms

1,598425

asked Aug 29 '17 at 12:17

MagecodeMagecode

519421

edited 4 hours ago

magefms

1,598425

edited 4 hours ago

magefms

1,598425

asked Aug 29 '17 at 12:17

MagecodeMagecode

519421

asked Aug 29 '17 at 12:17

MagecodeMagecode

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

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

add a comment | 

0

Use this one, it 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

edited 46 mins ago

magefms

1,598425

answered Dec 14 '17 at 6:31

HansuHansu

13

add a comment | 

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

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

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

Name

Email

Required, but never shown

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

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

add a comment | 

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

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

add a comment | 

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

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

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

share|improve this answer

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

edited Oct 20 '17 at 23:23

Aasim Goriya

3,9671938

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

answered Oct 20 '17 at 17:25

Harry AliveHarry Alive

487

0

Use this one, it 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

edited 46 mins ago

magefms

1,598425

answered Dec 14 '17 at 6:31

HansuHansu

13

add a comment | 

0

Use this one, it 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

edited 46 mins ago

magefms

1,598425

answered Dec 14 '17 at 6:31

HansuHansu

13

add a comment | 

Use this one, it 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

edited 46 mins ago

magefms

1,598425

answered Dec 14 '17 at 6:31

HansuHansu

13

share|improve this answer

edited 46 mins ago

magefms

1,598425

answered Dec 14 '17 at 6:31

HansuHansu

13

edited 46 mins ago

magefms

1,598425

edited 46 mins ago

magefms

1,598425

answered Dec 14 '17 at 6:31

HansuHansu

13

answered Dec 14 '17 at 6:31

HansuHansu

13