jQueryを使ったAjax入門

リクエストパラメータの作成方法

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
jQueryを使ってAjaxを実装するにあたり、リクエストパラメータの作成方法について、解説致します。
講師:
03:36

字幕

このレッスンでは jQuery を使ってAjax を実装するにあたりリクエストパラメーターの作成方法について解説していきます。まずはダウンロードしてきたこちらの頭が 02_03 から始まっているフォルダーの中にあるこちらの2つのファイルをエディターで開いて下さい。そして、これがそれらのファイルを開いた状態です。これらのファイルを使って今回のレッスンを進めていきたいと思います。今回は主にこちらの index.js ファイルの方を見ていきたいと思います。さて、今回は Ajax におけるリクエストパラメーターの作成方法についてですが注目して頂きたい部分はこちらの部分とそしてこちらの部分となります。さて、このリクエストパラメーターですがどういったものかと言うとAjax を使ってターゲットとなる URL に対してアクセスを行う際に一緒に様々なデータを付加させた状態でその URL にアクセスすることができるといったものになっていてその様々なデータというのがこのリクエストパラメーターというものになります。このリクエストパラメーターはAPI というものを利用する際によく必要となります。この Ajax の通信に付加されたこのリクエストパラメーターをターゲットとなる URL のファイルが読み取ってその内容に応じてその結果を変化させてそしてその結果を Ajax の結果として戻してくるといった形になります。 さて、このリクエストパラメーターですがこのような形で、JaVaScript のオブジェクト形式で作成します。このように、{ } で囲った後はこの中にまずはこのようにデータの名前要するに、キーですね。それを書いてあげてそしてコロンと書いてそしてコロンの後には実際のデータを書きます。ですので、今回の場合はname という名前のTakeshi というデータになります。そして、同様にこちらはage という名前のデータでその実際のデータが 22そしてこの下がaddress という名前のデータでそして実際のデータがTokyo といった形になります。そして、このようにオブジェクト形式で作成したデータを1つの変数に格納してあげます。そして、この変数をこの Ajax の設定項目こちらの部分ですね。data という項目の部分にこのようにセットしてあげます。これでこれら3つのデータもAjax の通信時に一緒にターゲットとなる URL に運ばれていくといった形になります。そして、そのデータの運ばれ方がこちらの type で指定した形式になります。今回は GET ですが他にも POST の指定が可能です。API などを利用する際にはこちらの type も指定されていることが多いのでGET ないしは POST どちらで通信をすればいいのか確認するようにしましょう。 以上でレッスンは終了です。今回は jQuery を使ってAjax を実装するにあたりリクエストパラメーターの作成方法について解説いたしました。

jQueryを使ったAjax入門

AjaxとはAsynchronous JavaScript + XML の略で、JavaScriptを使って非同期通信を利用しWebサイトのコンテンツを動的に書き換える手法です。このコースではモダンなWebサイト作るうえで必須の技術となっているAjaxjについて、その機能を簡単に実装できるjQueryを使って解説します。

1時間30分 (25 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2016年09月14日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。