AjaxTwitterfacebookG+B!PocketLINEAjaxを利用してサーバーのファイルにアクセスし、そのファイル内にあるすべてのデータ(HTML)を現在表示中のページに出力する方法を説明します。loadメソッドを使うloadメソッドを使えばサーバーにアクセスしてデータの送受信を簡単に行えます。$('エレメント').load('ここにファイルパス');load関数の引数に取得したいファイルを指定すれば、そのファイルの内容を取得して指定エレメント(要素)に表示させることができます。loadメソッドの詳細はこちらを参照して下さい。index.htmlまずindex.htmlを作成し、以下を記述します。</body></html>output.html次にindex.htmlに読み込まれる「output.html」を作成し、以下を記述します。<h2>output.html</h2><p>output.htmlの内容が出力されました。</p>サーバーのファイル(データ)を取得して要素に出力これら2つのファイルをサーバーにアップロードし、index.htmlにアクセスして「サンプル実行」ボタンを押せばAjaxでサーバーのファイル(output.html)を取得して出力してくれます(「output」エレメントのinnerHTMLに設定してくれる)。実際の動作等はサンプルから確認してください。@ysklog_net﻿この記事をシェアする管理人プロフィール今年(2017年)の3月に7年間勤めた公務員を退職して現在ニートしているアホです。GET送信し、結果を取得して処理する【javascript】テキストエリア以外の文字列を選択状態にする【Ajax】PHPにデータをPOST送信してデータを取得する【Ajax】PHPにデータをGET送信し、結果をJSON形式で受け取る【Ajax】フォームの値(データ)をサーバーに送信する【ajax】別ドメインへPOST送信してデータを受け取る方法コメントまだコメントはありません。