jQuery Get

jQuery(ジェイクエリー)で HTML のテキストを取得します。

次のリンクをクリックすると jqget1.html が呼び出されます。
jQuery Get HTML

プログラムの説明

  1. jquery.js をダウンロードして、環境を整えて下さい。
    詳細は jQuery サンプル を参照して下さい。
    jQuery 関係のファイルは utf-8 に統一することにします。
  2. jqget1.html を作成します。
    マウスでクリックすると 'jquery.html' のテキストを取得して表示します。
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <title>jQuery Get HTML</title>
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript">
  <!--
  function getFunc()
  {
    jQuery.get(
      'jquery.html', null,
      function(data)
      { alert("Data Loaded:\n" + data);
      });
  }
  // -->
  </script>
</head>
<body>
  <h1>jQuery get </h1>
  <form>
    <input type="button" value="呼び出し" onClick="getFunc()">
  </form>
</body>
</html>
  3. jQuery.get() のファイル名を変えて、テストしてみました。
    ローカルファイルの TEXT は取得することが出来ました。
      'jquery.html'
  "css/main.css"
  "../cpp/txt/arraylist.txt"
  "../php/anime.php"
  4. 直接 URL を指定してサーバーにアクセスしたのですが、取得出来ませんでした。
      "http://www.eonet.ne.jp/~maeda/cpp/txt/arraylist.txt"
  "http://maedakobe.rw.xsi.jp/php/anime.php"
  5. jQuery を使わないファイル入力を Read Text File で説明しています。

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)