How to create a basic progress bar with ajax, when I click add to cart in Magento 2?How to refresh Cart using PHTML file with AJAX Magento?Basic question: How to add javascript functionality to a page?Trying to run an AJAX script from the admin area in magentoMagento 2.1 - Cancel an order [ configurable product ] issueHow to use Ajax in magento 2 custom moduleCreate order with a AJAX call based on Javascript arrayHow to get pop up on button click popup with ajax callAjax cart validation on change qtyMagento 2 : How to improve ajax call?AJAX login, how to pass data response from controller to jQuery with Ajax

Why don't MCU characters ever seem to have language issues?

Making a sword in the stone, in a medieval world without magic

In the late 1940’s to early 1950’s what technology was available that could melt a LOT of ice?

Why does Captain Marvel assume the planet where she lands would recognize her credentials?

What is the likely impact of grounding an entire aircraft series?

Why is there a voltage between the mains ground and my radiator?

Make a transparent 448*448 image

How to create a hard link to an inode (ext4)?

Aliens englobed the Solar System: will we notice?

Why does the negative sign arise in this thermodynamic relation?

How does airport security verify that you can carry a battery bank over 100 Wh?

My story is written in English, but is set in my home country. What language should I use for the dialogue?

How could our ancestors have domesticated a solitary predator?

Time travel short story where dinosaur doesn't taste like chicken

Can you reject a postdoc offer after the PI has paid a large sum for flights/accommodation for your visit?

Why the color red for the Republican Party

What are some noteworthy "mic-drop" moments in math?

PTIJ: How can I halachically kill a vampire?

They call me Inspector Morse

Could you please stop shuffling the deck and play already?

String reversal in Python

infinitive telling the purpose

Can someone explain what is being said here in color publishing in the American Mathematical Monthly?

Subset counting for even numbers



How to create a basic progress bar with ajax, when I click add to cart in Magento 2?


How to refresh Cart using PHTML file with AJAX Magento?Basic question: How to add javascript functionality to a page?Trying to run an AJAX script from the admin area in magentoMagento 2.1 - Cancel an order [ configurable product ] issueHow to use Ajax in magento 2 custom moduleCreate order with a AJAX call based on Javascript arrayHow to get pop up on button click popup with ajax callAjax cart validation on change qtyMagento 2 : How to improve ajax call?AJAX login, how to pass data response from controller to jQuery with Ajax













4















I try to make a basic progress bar with ajax , when I click button add to cart, but I don't know how catch the xhr on console,to put on alert() or prepend()function




I follow a video example in youtube, with XMLHttpRequest() function but I see doesn't work




see the code:



var xhr = new XMLHttpRequest();

xhr.upload.addEventListener('progress', ProgressHandler ,false);
xhr.addEventListener('load', CompleteHandler,false);
xhr.addEventListener('error', errorHandler,false);
xhr.addEventListener('abort',LoadHandler,false);


xhr.open("POST","/test/checkout/cart/add/uenc/aHR0cDovLzQ1Ljc5LjE0Ni4yMS90ZXN0L3Rlc3RpbmcuaHRtbA%2C%2C/product/1/");
xhr.send();









share|improve this question









New contributor




emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
























    4















    I try to make a basic progress bar with ajax , when I click button add to cart, but I don't know how catch the xhr on console,to put on alert() or prepend()function




    I follow a video example in youtube, with XMLHttpRequest() function but I see doesn't work




    see the code:



    var xhr = new XMLHttpRequest();

    xhr.upload.addEventListener('progress', ProgressHandler ,false);
    xhr.addEventListener('load', CompleteHandler,false);
    xhr.addEventListener('error', errorHandler,false);
    xhr.addEventListener('abort',LoadHandler,false);


    xhr.open("POST","/test/checkout/cart/add/uenc/aHR0cDovLzQ1Ljc5LjE0Ni4yMS90ZXN0L3Rlc3RpbmcuaHRtbA%2C%2C/product/1/");
    xhr.send();









    share|improve this question









    New contributor




    emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.






















      4












      4








      4








      I try to make a basic progress bar with ajax , when I click button add to cart, but I don't know how catch the xhr on console,to put on alert() or prepend()function




      I follow a video example in youtube, with XMLHttpRequest() function but I see doesn't work




      see the code:



      var xhr = new XMLHttpRequest();

      xhr.upload.addEventListener('progress', ProgressHandler ,false);
      xhr.addEventListener('load', CompleteHandler,false);
      xhr.addEventListener('error', errorHandler,false);
      xhr.addEventListener('abort',LoadHandler,false);


      xhr.open("POST","/test/checkout/cart/add/uenc/aHR0cDovLzQ1Ljc5LjE0Ni4yMS90ZXN0L3Rlc3RpbmcuaHRtbA%2C%2C/product/1/");
      xhr.send();









      share|improve this question









      New contributor




      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.












      I try to make a basic progress bar with ajax , when I click button add to cart, but I don't know how catch the xhr on console,to put on alert() or prepend()function




      I follow a video example in youtube, with XMLHttpRequest() function but I see doesn't work




      see the code:



      var xhr = new XMLHttpRequest();

      xhr.upload.addEventListener('progress', ProgressHandler ,false);
      xhr.addEventListener('load', CompleteHandler,false);
      xhr.addEventListener('error', errorHandler,false);
      xhr.addEventListener('abort',LoadHandler,false);


      xhr.open("POST","/test/checkout/cart/add/uenc/aHR0cDovLzQ1Ljc5LjE0Ni4yMS90ZXN0L3Rlc3RpbmcuaHRtbA%2C%2C/product/1/");
      xhr.send();






      magento2 javascript ajax jquery






      share|improve this question









      New contributor




      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question









      New contributor




      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question








      edited 31 mins ago









      magefms

      1,435224




      1,435224






      New contributor




      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 9 hours ago









      emmanuel ortegaemmanuel ortega

      211




      211




      New contributor




      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      emmanuel ortega is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















          0






          active

          oldest

          votes











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



          );






          emmanuel ortega is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f265568%2fhow-to-create-a-basic-progress-bar-with-ajax-when-i-click-add-to-cart-in-magent%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          emmanuel ortega is a new contributor. Be nice, and check out our Code of Conduct.









          draft saved

          draft discarded


















          emmanuel ortega is a new contributor. Be nice, and check out our Code of Conduct.












          emmanuel ortega is a new contributor. Be nice, and check out our Code of Conduct.











          emmanuel ortega is a new contributor. Be nice, and check out our Code of Conduct.














          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%2f265568%2fhow-to-create-a-basic-progress-bar-with-ajax-when-i-click-add-to-cart-in-magent%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