load()：loadメソッド(テキスト、HTMLの取得)による非同期通信
loadメソッド(テキスト、HTMLの取得)による非同期通信の書式
$("要素名").load("読み込み先のファイルパス");
$("要素名").load(読み込み先のファイルパス);を記述します。
loadメソッドを使用します。
またhtmlの読み込みの場合はidやクラスといったセレクタの指定も可能です。
具体例(loadメソッドによるテキストファイル取得とHTMLのセレクタ指定による取得の非同期通信のサンプルコード)
読み込み先のテキストファイル
test-load.txt
これはloadメソッドによるテキスト読み込みのテスト。
読み込み先のHTMLファイル
１．spanタグにはidが振り分けられてありid名はstyle属性で指定されたcolor(色)に基づく
test-load.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <script src="../../js/jquery-1.12.2.min.js"></script> </head> <body> <span id = "idColorRed" style = "color:red;">これはloadメソッドによるＨＴＭＬ読み込みのテスト（赤）</span> <span id = "idColorGreen" style = "color:green;">これはloadメソッドによるＨＴＭＬ読み込みのテスト（緑）</span> <span id = "idColorBlue" style = "color:blue;">これはloadメソッドによるＨＴＭＬ読み込みのテスト（青）</span> </body> </html>
loadメソッド使用してテキスト及びHTMLファイル(のセレクタ指定)取り込みのjQueryのhtmlサンプル
１．divタグ(id="resultLoadText")には読み込み先をtest-load.txtに指定
２．divタグ(id="resultLoadHtml")には読み込み先をtest-load.htmlでセレクタとして#idColorGreenに指定
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
<script src="../../js/jquery-1.12.2.min.js"></script>
<script>
$(function(){
$("#resultLoadText").load("test-load.txt");
$("#resultLoadHtml").load("test-load.html #idColorGreen");
});
</script>
</head>
<body>
<div id = "resultLoadText"></div>
<div id = "resultLoadHtml"></div>
</body>
</html>
loadメソッド使用してテキスト及びHTMLファイル(のセレクタ指定)取り込みのjQueryのhtmlサンプルの結果
