Ajax GET してみる。

Ajax

+htmlのiframe エレメントを使って外部ファイルを表示

  1. phpの　echo file_get_contents("http://…");

等と類似した作業になる。

まずは、わからないので、普通のjavascriptの書き方(?)の中に、

$("#test").load("text.txt");

id=testに、text.txtをロードして頂戴。と、jQueryってみる。

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jQuery Portlets</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
<script type="text/javascript" src="config.js"></script>
<style type="text/css" media="all">
@import 'portlets.css';
</style>
<script>
function renew(){
	$("#test").load("kinenbi.txt");	
}
</script>
</head>
<body>
<p id="test" onclick="renew();" style="background:#ccc;" >hello</p>

このソースは、jQueryダウンロードした時についてくる。index.htmlに書き足しただけ。

結果：jQueryってくれた。

$(function(){

	$.ajax({
	　url : "./news.php",
	　type : "get",
	　success : function(data){
		alert(data);
	　},
	　error : function(){
		alert("読み込めませんでした");
	　}
	});
	
});
</script>
</head>
<body>
【news.php】
<?php
header("HTTP/1.0 404 Not Found");

?>
読み込めませんでした。が表示される。

結果オーライ的にいけば、クリックして段落を書き換えることが出来たのだから、これでおしまいでいいんだけど、
他の人から見ると、洋服の上にパンツをはいてるような、いやらしさも、漂うだろう。

クリックイベントの書き方も、もちろんあるようなので、試してみよう。