catch.jp-wiki
プログラミング
英語学習
履歴
検索
Dropdown
一覧
javascript_file
をテンプレートにして作成
開始行:
[[Top>http://www.catch.jp/wiki/]] > [[Programing]] > java...
#title(Javascriptでファイル読み込みについて調べてみた。)
ネットで検索すると、なんか色々な方法がヒットする。
何がどうなっているのか?
区別できるよう調べてみた。
#contents
* サーバーサイドのファイルを読み込む [#z7fe3d2f]
Ajaxのブーム以降、いろいろ進化している。動的にページを読...
** Ajax [#v41e5e10]
ファイル読み込みを非同期でやるとAjaxになる。
-[[Ajaxを勉強しよう:http://www.openspc2.org/JavaScript/Aj...
-[[第二章 プログラムを作って体験しよう：サーバー上のテキ...
- Serverファイルの読み込み
http://home.a00.itscom.net/hatada/js-tips/loadserverfile....
- Ajax入門
http://www.ajaxtower.jp/ini/
** jqueryを使って、ajaxで読み込む [#i81d646e]
jqueryがある環境なら簡単にできる。
- jQueryで外部テキストファイルを表示する | Blog | 06.GRAS...
https://ghweb.info/post-2976.html
- 外部ファイルをjsで読み込む時に気をつけたい基本事項 | We...
http://wenblish.com/js-load-basic/
** jqueryでないライブラリ [#w8d74a20]
でも、今どきjquery使わないよね。ファイルを読み込むだけだ...
-[[jQuery.ajaxの代わりにSuperAgentを使う - Qiita:http://q...
-[[【JavaScript】jQueryより軽量なSuperAgentを使ってみよう...
-[[Ajax(XHR)如きにjQueryは重過ぎ!!な時の軽量ライブラリ集 ...
** Native（Fetch API） [#z7e52722]
Ajaxをモダンに記述する。でも、まだモダンすぎるような。
-[[jQuery.ajax()の代替としてFetch APIをざっくり使ってみる...
-[[Fetch API 解説、または Web において "Fetch する" とは...
-[[お疲れさまXMLHttpRequest、こんにちはfetch - Qiita:http...
-[[Fetch 概説 - Web API インターフェイス | MDN:https://de...
** その他 [#w85c8b59]
-[[ASCII.jp：「シングルページ」流行の7つの理由と最新事例...
-[[Reactを使うとなぜjQueryが要らなくなるのか - Qiita:http...
-[[JSといえばjQueryだったWebデザイナーが、Reactを1年間使...
-[[5分で理解する React.js - Qiita:http://qiita.com/tomzoh...
-[[2016年にJavaScriptを学ぶとこんな感じ – Medium Ja...
* Javascriptでjsコードファイルを読み込む [#o45899fb]
createElementでDOMに追加する、Ajaxで読み込む、専用ライブ...
-[[JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで...
** createElementでDOMで追加する [#x0ed303a]
scriptタグを追加して、src属性にコードを読み込ませる。
- 動的にJSを実行する方法 - Qiita
http://qiita.com/w650/items/adb108649a0e2a86f334
- 団塊爺ちゃんの備忘録
http://www.jiichan.com/programming/programming.php?lang=j...
-[[JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで...
** 専用ライブラリを使う [#m690c170]
-[[RequireJS使い方メモ - Qiita:http://qiita.com/opengl-80...
-[[require.jsの、requireとdefineの違い - webネタ:http://r...
-[[RequireJSの導入から使い方（Bowerにも触れてみる） - yut...
-[[JavaScriptで外部ライブラリを読み込むためのスクリプトを...
* クライアントのローカルファイルを読み込む [#r232988e]
HTML5 File API使う。Webアプリに使う感じ。
ブラウザを実行しているクライアントのファイルが対象。
- テキストファイルを読み込む−JavaScript入門（HTML5編）
http://www.pori2.net/html5/File/020.html
- File API
https://www.w3.org/TR/file-upload/
- HTML5のFile APIでローカルファイル情報取得してやんよ!!! ...
http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%A...
終了行:
[[Top>http://www.catch.jp/wiki/]] > [[Programing]] > java...
#title(Javascriptでファイル読み込みについて調べてみた。)
ネットで検索すると、なんか色々な方法がヒットする。
何がどうなっているのか?
区別できるよう調べてみた。
#contents
* サーバーサイドのファイルを読み込む [#z7fe3d2f]
Ajaxのブーム以降、いろいろ進化している。動的にページを読...
** Ajax [#v41e5e10]
ファイル読み込みを非同期でやるとAjaxになる。
-[[Ajaxを勉強しよう:http://www.openspc2.org/JavaScript/Aj...
-[[第二章 プログラムを作って体験しよう：サーバー上のテキ...
- Serverファイルの読み込み
http://home.a00.itscom.net/hatada/js-tips/loadserverfile....
- Ajax入門
http://www.ajaxtower.jp/ini/
** jqueryを使って、ajaxで読み込む [#i81d646e]
jqueryがある環境なら簡単にできる。
- jQueryで外部テキストファイルを表示する | Blog | 06.GRAS...
https://ghweb.info/post-2976.html
- 外部ファイルをjsで読み込む時に気をつけたい基本事項 | We...
http://wenblish.com/js-load-basic/
** jqueryでないライブラリ [#w8d74a20]
でも、今どきjquery使わないよね。ファイルを読み込むだけだ...
-[[jQuery.ajaxの代わりにSuperAgentを使う - Qiita:http://q...
-[[【JavaScript】jQueryより軽量なSuperAgentを使ってみよう...
-[[Ajax(XHR)如きにjQueryは重過ぎ!!な時の軽量ライブラリ集 ...
** Native（Fetch API） [#z7e52722]
Ajaxをモダンに記述する。でも、まだモダンすぎるような。
-[[jQuery.ajax()の代替としてFetch APIをざっくり使ってみる...
-[[Fetch API 解説、または Web において "Fetch する" とは...
-[[お疲れさまXMLHttpRequest、こんにちはfetch - Qiita:http...
-[[Fetch 概説 - Web API インターフェイス | MDN:https://de...
** その他 [#w85c8b59]
-[[ASCII.jp：「シングルページ」流行の7つの理由と最新事例...
-[[Reactを使うとなぜjQueryが要らなくなるのか - Qiita:http...
-[[JSといえばjQueryだったWebデザイナーが、Reactを1年間使...
-[[5分で理解する React.js - Qiita:http://qiita.com/tomzoh...
-[[2016年にJavaScriptを学ぶとこんな感じ – Medium Ja...
* Javascriptでjsコードファイルを読み込む [#o45899fb]
createElementでDOMに追加する、Ajaxで読み込む、専用ライブ...
-[[JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで...
** createElementでDOMで追加する [#x0ed303a]
scriptタグを追加して、src属性にコードを読み込ませる。
- 動的にJSを実行する方法 - Qiita
http://qiita.com/w650/items/adb108649a0e2a86f334
- 団塊爺ちゃんの備忘録
http://www.jiichan.com/programming/programming.php?lang=j...
-[[JavaScriptから外部JavaScriptを読み込む方法 - ヒルズで...
** 専用ライブラリを使う [#m690c170]
-[[RequireJS使い方メモ - Qiita:http://qiita.com/opengl-80...
-[[require.jsの、requireとdefineの違い - webネタ:http://r...
-[[RequireJSの導入から使い方（Bowerにも触れてみる） - yut...
-[[JavaScriptで外部ライブラリを読み込むためのスクリプトを...
* クライアントのローカルファイルを読み込む [#r232988e]
HTML5 File API使う。Webアプリに使う感じ。
ブラウザを実行しているクライアントのファイルが対象。
- テキストファイルを読み込む−JavaScript入門（HTML5編）
http://www.pori2.net/html5/File/020.html
- File API
https://www.w3.org/TR/file-upload/
- HTML5のFile APIでローカルファイル情報取得してやんよ!!! ...
http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%A...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
