Make ajax call in componentMagento2 override admin js fileMagento 2 - AJAX callHow to make magento core...

PTIJ: Aliyot for the deceased

Can a space-faring robot still function over a billion years?

If nine coins are tossed, what is the probability that the number of heads is even?

Is every open circuit a capacitor?

How to write a chaotic neutral protagonist and prevent my readers from thinking they are evil?

The Key to the Door

Computing the volume of a simplex-like object with constraints

3.5% Interest Student Loan or use all of my savings on Tuition?

Searching for a string that contains the file name

Who is at the mall?

Can you run a ground wire from stove directly to ground pole in the ground

Is "cogitate" an appropriate word for this?

What is better: yes / no radio, or simple checkbox?

PTiJ: How should animals pray?

Why do phishing e-mails use faked e-mail addresses instead of the real one?

Dukha vs legitimate need

Iron deposits mined from under the city

Error in TransformedField

An Undercover Army

Calculate total length of edges in select Voronoi diagram

Why dativ case for the verb widerspricht?

How do we objectively assess if a dialogue sounds unnatural or cringy?

Sundering Titan and basic normal lands and snow lands

Called into a meeting and told we are being made redundant (laid off) and "not to share outside". Can I tell my partner?



Make ajax call in component


Magento2 override admin js fileMagento 2 - AJAX callHow to make magento core pagination ajax based?How do I make a module with the form component?Magento2 Trigger ajax call after Full page loadMagento2 - Reload JS file after ajax callAJAX call to controller returns admin dashboard htmlHow to make ajax call in magento admin formInvalid Return Type in Ajax CallCan't validate Post Code on checkout page













0















im have no idea if im doing it right or not, and also i cant it put it work, im tyring to make a ajax call to get some information from a API and then present in the html, but doesnt work.



Here is my code:
js:



define([
'jquery',
'uiComponent',
], function ($,Component) {
'use strict';

return Component.extend({
defaults: {
template: 'CloudJam_Vkios/checkout/shipping/pickup-points'
},
getKiosPoints: function () {
var postalCode = "4433-137"
$.ajax
({
type: "POST",
beforeSend: function (xhr) {
xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3h');
},
url: '...API/GetServiceDeliveryPoints',
dataType: 'json',
contentType: 'application/json',

async: true,
//json object to sent to the authentication url
data: JSON.stringify({
"PostalCodeOrLocality": postalCode,
"Latitude": 0,
"Longitude": 0,
"SortOrder": 0
}),
success: function (data) {
if(data.statusCode == 200){

var locations = data.response;

return locations;
}
},
error: function( jqXhr, textStatus, errorThrown ){
return errorThrown;
}
})

}
});
});


HTML:



SHOW SELECTBOXES

<tbody data-bind="foreach: getKiosPoints()">

<tr>



<td data-bind="text: name"></td>



</tr>










share



























    0















    im have no idea if im doing it right or not, and also i cant it put it work, im tyring to make a ajax call to get some information from a API and then present in the html, but doesnt work.



    Here is my code:
    js:



    define([
    'jquery',
    'uiComponent',
    ], function ($,Component) {
    'use strict';

    return Component.extend({
    defaults: {
    template: 'CloudJam_Vkios/checkout/shipping/pickup-points'
    },
    getKiosPoints: function () {
    var postalCode = "4433-137"
    $.ajax
    ({
    type: "POST",
    beforeSend: function (xhr) {
    xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3h');
    },
    url: '...API/GetServiceDeliveryPoints',
    dataType: 'json',
    contentType: 'application/json',

    async: true,
    //json object to sent to the authentication url
    data: JSON.stringify({
    "PostalCodeOrLocality": postalCode,
    "Latitude": 0,
    "Longitude": 0,
    "SortOrder": 0
    }),
    success: function (data) {
    if(data.statusCode == 200){

    var locations = data.response;

    return locations;
    }
    },
    error: function( jqXhr, textStatus, errorThrown ){
    return errorThrown;
    }
    })

    }
    });
    });


    HTML:



    SHOW SELECTBOXES

    <tbody data-bind="foreach: getKiosPoints()">

    <tr>



    <td data-bind="text: name"></td>



    </tr>










    share

























      0












      0








      0








      im have no idea if im doing it right or not, and also i cant it put it work, im tyring to make a ajax call to get some information from a API and then present in the html, but doesnt work.



      Here is my code:
      js:



      define([
      'jquery',
      'uiComponent',
      ], function ($,Component) {
      'use strict';

      return Component.extend({
      defaults: {
      template: 'CloudJam_Vkios/checkout/shipping/pickup-points'
      },
      getKiosPoints: function () {
      var postalCode = "4433-137"
      $.ajax
      ({
      type: "POST",
      beforeSend: function (xhr) {
      xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3h');
      },
      url: '...API/GetServiceDeliveryPoints',
      dataType: 'json',
      contentType: 'application/json',

      async: true,
      //json object to sent to the authentication url
      data: JSON.stringify({
      "PostalCodeOrLocality": postalCode,
      "Latitude": 0,
      "Longitude": 0,
      "SortOrder": 0
      }),
      success: function (data) {
      if(data.statusCode == 200){

      var locations = data.response;

      return locations;
      }
      },
      error: function( jqXhr, textStatus, errorThrown ){
      return errorThrown;
      }
      })

      }
      });
      });


      HTML:



      SHOW SELECTBOXES

      <tbody data-bind="foreach: getKiosPoints()">

      <tr>



      <td data-bind="text: name"></td>



      </tr>










      share














      im have no idea if im doing it right or not, and also i cant it put it work, im tyring to make a ajax call to get some information from a API and then present in the html, but doesnt work.



      Here is my code:
      js:



      define([
      'jquery',
      'uiComponent',
      ], function ($,Component) {
      'use strict';

      return Component.extend({
      defaults: {
      template: 'CloudJam_Vkios/checkout/shipping/pickup-points'
      },
      getKiosPoints: function () {
      var postalCode = "4433-137"
      $.ajax
      ({
      type: "POST",
      beforeSend: function (xhr) {
      xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3h');
      },
      url: '...API/GetServiceDeliveryPoints',
      dataType: 'json',
      contentType: 'application/json',

      async: true,
      //json object to sent to the authentication url
      data: JSON.stringify({
      "PostalCodeOrLocality": postalCode,
      "Latitude": 0,
      "Longitude": 0,
      "SortOrder": 0
      }),
      success: function (data) {
      if(data.statusCode == 200){

      var locations = data.response;

      return locations;
      }
      },
      error: function( jqXhr, textStatus, errorThrown ){
      return errorThrown;
      }
      })

      }
      });
      });


      HTML:



      SHOW SELECTBOXES

      <tbody data-bind="foreach: getKiosPoints()">

      <tr>



      <td data-bind="text: name"></td>



      </tr>








      magento2 magento2.2





      share












      share










      share



      share










      asked 8 mins ago









      PedroPedro

      1284




      1284






















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


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f264934%2fmake-ajax-call-in-component%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
















          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%2f264934%2fmake-ajax-call-in-component%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

          迭戈·戈丁...

          A phrase ”follow into" in a context The 2019 Stack Overflow Developer Survey Results Are...

          1960s short story making fun of James Bond-style spy fiction The 2019 Stack Overflow Developer...