ad

2012年6月20日水曜日

jQuery.getを使ってファイルを読み込んでみる

jQuery.getを使って,ファイルを読み込む簡単なコードを書いてみたいと思います.

細かい事はhttp://api.jquery.com/jQuery.get/を参照.

とにかく簡単なプログラムを作ってみた.
同じディレクトリにtest.txtがあるとして,それを読み込む.
 
<html>
<head>

<!-- googleにあるjqueryを参照する -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

</head>
<body>

<!-- javascript code -->
<script type="text/javascript">

  //このページを読み込んだときに実行
  window.onload = function(){

   //jQuery.getを使用.同じディレクトリに存在する test.txt というファイルを読み込む.
   var httpObj = jQuery.get("./test.txt", null, function(){document.getElementById("res").innerHTML = httpObj.responseText;});
  }

</script>

<!-- javascript内で設定した res を参照 -->
<div id="res"></div>
</body>
</html>

0 件のコメント:

コメントを投稿