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 を使わないファイル入力を File Read-1 で説明しています。

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