タグ

javaScriptとajaxに関するsatopianのブックマーク (2)

  • Promiseで簡単!JavaScript非同期処理入門【後編】

    前回に引き続き、ECMAScript 2015(ECMAScript 6)で新たに追加されたPromiseについて、その概要を全2回に渡って紹介します。今回は後編です。 前回のおさらい 前回は、こんなふうにPromiseを使うという例を紹介しました。それは、以下のようにAjaxでAPIにアクセスする例でした。 var fetchSomething1 = function() { return new Promise(function(resolve, reject) { // API1にアクセス doAjaxStuff(someOptions1, { success: function(data) { // 成功した場合 resolve(); }, fail: function() { // 何かしらエラーが発生した場合 reject({ message: 'APIにアクセスできませんでし

    Promiseで簡単!JavaScript非同期処理入門【後編】
    satopian
    satopian 2023/01/07
    “response.text().then(function(text)”
  • 【JavaScript入門】Ajaxの使い方とGET・POST通信まとめ! | 侍エンジニアブログ

    的に、サーバーと正常な通信をしている場合は、statusの値が「200」なのでこれと条件分岐するのが良いでしょう。さらに、「readyState」と「status」は別々に条件分岐するよりも同時に確認する方が効率的です! xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { //データ取得処理を書く } }; このように「&&」で一緒に確認できることも合わせて覚えておきましょう! 「GET」で通信する方法 この章では、実際にAjaxを使ってGET通信を行う方法について見ていきましょう! 基的なGET通信のプログラム作成からデータの取得までを学んでいきます。 「GET」によるAjax通信のサンプル例 「XMLHttpRequest」を使ったAjax通信では、主に「G

    【JavaScript入門】Ajaxの使い方とGET・POST通信まとめ! | 侍エンジニアブログ
  • 1