[jwork-p] 2024-04-05 JavaSrcipt fetch。今日も、コツコツ勉強しよう。

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ┃　高度を目指す一日一題宿題メールマガジン　　　　　.&&&&　****　%%%%.　┃ ┃　　　　　　　　　　　　　　　　　　　　　　　　　&&&&&&******%%%%%%　┃ ┃　発行 斎藤末広 suehiro3721p＠gmail.com ＠は半角　'&┃&''*┃*''%┃%'　┃ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━┻━━┻━━┻━━┛ 宿題メールトラブル/問題訂正 https://twitter.com/HomeWorkMail HmWk240405 ======================================================================== 　２０２４年４月５日 　旧暦　如月(きさらぎ，２月) ２７日 　4/4 清明(せいめい) → 4/19 穀雨(こくう) 　強化したい分野の問題を毎日１問　挑戦しよう 　このメールの下部の部分に解答欄があります。返信してください。 ====================================================================== ☆宿題メールCM 買い物・出張ホテル予約は 楽天 http://tiny.cc/r2w6wz ☆　携帯/常時接続は、楽天モバイル(特典あり) https://r10.to/hNhqLt ------------------------------------------------------------------------ # コラム 『趣味 JavaSrcipt』 その７ fetch 　非同期処理、マルチスレッドをサポートするクラスに Promise がありました。 それの、インターネットから情報を手に入れる処理に特化した、fetch があります。 fetch は、人の性癖を表現する、ヘッチと同じ言葉です。 　fetch を使うと、インタネット上から、ほぼなんでも手に入れてきます。 ``` function xfetch(x){ fetch(x) .then((response) => response.text()) .then((str) => new DOMParser().parseFromString(str, 'application/xml')) .then((xml) => { console.log(xml); console.log("apple: ", xml.querySelector('apple').innerHTML); console.log("orage: ", xml.querySelector('orange').innerHTML); }); }; ``` 手に入れたいものが、x なら、fetch(x) と書きます。 その後の 　.then は、それが成功したら、次にやることを書きます。 　上の例では、手に入れたものが、xml 形式の情報なので、それを、分析し、その 情報を、colsole.log に書き出しています。