XMLHttpRequest
をテンプレートにして作成
LECTURE
担当科目一覧
ソーシャルデザイン概論/2024
ソーシャルデザイン演習/2024
情報デザイン論/2024
情報デザイン演習IIA/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*XMLHttpRequest
https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequ...
~
XMLHttpRequest は JavaScript で HTTP リクエストを行うため...
~
***同期と非同期
XMLHttpRequest には同期と非同期の2つの操作モードがありま...
~
***3つのステップ
リクエストをするためには、次の3ステップが必要です。
-1) XMLHttpRequest を作成します。
let xhr = new XMLHttpRequest();
-2) 初期化します。
xhr.open(method, URL, [async, user, password])
--method:HTTPメソッド ''GET'' または ''POST'' です。
--URL:リクエストURL。文字列で、URL オブジェクトもOKです。
--async:非同期モード デフォルトは true です。
--user, password:ベーシック HTTP 認証のユーザとパスワード
-3) send 呼び出しでネットワーク処理が始まります。
xhr.send([body])
このメソッドは接続をオープンして、リクエストをサーバに送...
~
***イベントリスナー
以下の3つが代表的です。
-load: 準備完了の場合。成功 200、エラー 404
-error:リクエストの送信エラー
-progress:ダウンロード中に定期的に呼ばれることで通信量が...
~
***参考:GETとPOST
GET、POSTという言葉から「GETが受信、POSTは送信」という勘...
-GET
--情報検索など、データをリクエストURLの後に付与して送信する
&small(URLの末尾に「?」や「&」の付いた長いURLがそれです。);
--テキストデータのみ送信可能(入力したデータが URL で丸見...
--URLの後に付与するのでデータ量(文字数)に制限がある
--GETはHTTPヘッダ情報に含まれるため、簡単に取得可能
-POST
--ログイン画面、お問い合わせ、注文入力など、画面から情報...
--テキスト、バイナリどちらでも送信可能
--POST送信後のブラウザの「戻る」で有効期間切れが発生する...
--POSTはBODY部分(FORM)に含まれるため、取得が複雑
~
~
**サンプル
サーバー内に置かれた [[md(Markdownファイル)>Markdown]]...
[[Markdown]] の展開には、[[marked.js>https://marked.js.or...
~
-DEMO:https://koichi-inoue.github.io/XHR_MarkdownBrowser/
-CODE:https://github.com/koichi-inoue/XHR_MarkdownBrowser
~
~
終了行:
*XMLHttpRequest
https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequ...
~
XMLHttpRequest は JavaScript で HTTP リクエストを行うため...
~
***同期と非同期
XMLHttpRequest には同期と非同期の2つの操作モードがありま...
~
***3つのステップ
リクエストをするためには、次の3ステップが必要です。
-1) XMLHttpRequest を作成します。
let xhr = new XMLHttpRequest();
-2) 初期化します。
xhr.open(method, URL, [async, user, password])
--method:HTTPメソッド ''GET'' または ''POST'' です。
--URL:リクエストURL。文字列で、URL オブジェクトもOKです。
--async:非同期モード デフォルトは true です。
--user, password:ベーシック HTTP 認証のユーザとパスワード
-3) send 呼び出しでネットワーク処理が始まります。
xhr.send([body])
このメソッドは接続をオープンして、リクエストをサーバに送...
~
***イベントリスナー
以下の3つが代表的です。
-load: 準備完了の場合。成功 200、エラー 404
-error:リクエストの送信エラー
-progress:ダウンロード中に定期的に呼ばれることで通信量が...
~
***参考:GETとPOST
GET、POSTという言葉から「GETが受信、POSTは送信」という勘...
-GET
--情報検索など、データをリクエストURLの後に付与して送信する
&small(URLの末尾に「?」や「&」の付いた長いURLがそれです。);
--テキストデータのみ送信可能(入力したデータが URL で丸見...
--URLの後に付与するのでデータ量(文字数)に制限がある
--GETはHTTPヘッダ情報に含まれるため、簡単に取得可能
-POST
--ログイン画面、お問い合わせ、注文入力など、画面から情報...
--テキスト、バイナリどちらでも送信可能
--POST送信後のブラウザの「戻る」で有効期間切れが発生する...
--POSTはBODY部分(FORM)に含まれるため、取得が複雑
~
~
**サンプル
サーバー内に置かれた [[md(Markdownファイル)>Markdown]]...
[[Markdown]] の展開には、[[marked.js>https://marked.js.or...
~
-DEMO:https://koichi-inoue.github.io/XHR_MarkdownBrowser/
-CODE:https://github.com/koichi-inoue/XHR_MarkdownBrowser
~
~
ページ名: