JavaScript Promise에서 Movable Type Data API에서 얻은 비동기 통신 데이터 처리

Promise의 장점

Promise를 사용하여 Data API에서 얻은 데이터를 성공적으로 처리

sample-1 JavaScript SDK를 사용한 경우

  <script src="http://your-mt/mt-static/data-api/v3/js/mt-data-api.js"></script>
  <script>

    const api = new MT.DataAPI({
      baseUrl: "http://your-mt/mt-data-api.cgi",
      clientId: "your-client-id"
    });

// MTのブログIDを変数 siteId に格納
    const siteId = IDの数字;

    function getEntries() {
      return new Promise((resolve, reject) => {
        api.listEntries(siteId, function(response) {
          resolve(response);
        });
      });
    }

    getEntries().then(function(response) {
      console.log(response);
    });

</script>

sample-2 jQuery를 사용하는 경우

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>

    function getEntries() {
      return new Promise((resolve, reject) => {
        const response = $.ajax('http://your-mt/mt-data-api.cgi/v3/sites/site_id/entries')
        resolve(response);
      });
    }
    getEntries().then(function(response) {
      console.log(response);
    });

</script>

sample-3 Promise.resolve 사용

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
    const list = $.ajax('http://your-mt/mt-data-api.cgi/v3/sites/site_id/entries');
    Promise.resolve(list).then(function(response) {
      console.log(response);
    });
  </script>