エンジニアブログ株式会社ラクスのITエンジニアによる技術ブログです。jQueryを用いてAjaxの学習をした2019-06-12jQueryを用いてAjaxの学習をしたJavaScriptはじめにこんにちは。新卒2年目のtaku_76です。今回はAjaxについてざっくりしたことしか分かっていなかったので少し時間を確保してコードから学習することにしました。はじめにAjaxとはローカル環境で実装してみるAjaxで外部APIへ通信するおわりに参考にした記事Ajaxとは以下はWikipediaの引用です。Ajax(エイジャックス[1][2]、アジャックス[3])は、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である[4]。動的にページの一部を書き換えるというアプローチを取る[5]。Garrettにより名付けられた[5][6][7]。Ajaxを用いることでWebページの内容をリロードなしで変更することができます。ローカル環境で実装してみるまずは、ロジック理解のために通信先をローカルファイルにして実装してみます。id="sample-text"></div></body></html>以下が今回読み込むsample.jsonです。"メッセージ"}Webブラウザで表示したのち、読み込むボタンを押すことによってjsonファイルの中身が表示されました。index3.htmlAjaxで外部APIへ通信する以下のコードで外部のAPIへアクセスすることができます。今回使用しているAPIは、地域毎の天気予報をJson形式で返すAPIです。無料で会員登録無しで使うことができます。});idがsample-textにJsonファイルのlinkを表示しています。おわりに今回はAjaxについて基礎的な学習を行いました。次は使ってみたい外部のAPIを探し何か作ってみようと思います。JPで登壇してきましたこんにちは、@whiteFox_73です。新卒2年目のEngawaです。こんにちは、@rs_tukkiです。上半期も終わったところ...2019-03-05Node.jsのExpressでWebサーバーの構築をしてみたはじめまして、新卒のtaku_76です。APIを用いると、Googleのサービスが自由に操れます。レガシーシステムとの戦い方について話しました。reserved.はてなブログをはじめよう!tech-rakusさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。