Javascript

【Javascript】Ajax　動的なテーブル書き換え2 (+PHP)

Javascript関連情報

更新日：2005年07月14日

Ajax　動的なテーブル書き換え2 (+PHP)

高橋登史朗

Ajaxでは、サーバーはデータのHTML化を行う必要がありません。クライアントが直接、データのままで、受け取れるからです。サーバーは、Ajaxのリクエストに応じた、軽量のデータを受け渡すだけでよいのです。

動的なテーブル書き換え2 (+PHP)

1: 試してみよう

2: サーバー側のスクリプト

3: [ソース] テーブル出力処理用ライブラリ(前回のページ)

4: [ソース] 暫定Ajax用ライブラリ(前回のページ)

2: [ソース] サーバー側のスクリプト

サーバー側は、実にあっさりしています。リクエストを受け取って、ファイルを読み込み、デコードして返すだけです。

注意したいのは、UTF-8で書き出すことと、クライアントからPOSTで渡しているファイル名を何でも通してしまうようにはしないことです。クライアントがサーバーを利用する機会が増えれば、それに応じて、セキュリティにも気を配るべきです。　ここでは説明しませんが、もし、クライアントからシェルやSQLへ値を渡すようなケースであれば、インジェクション攻撃などへのセキュリティ対策は、必ず行うようにしましょう。

【サーバー側のスクリプト】test1.php

<?php

	//POSTを取得
	$filename = $_POST['fn'] ;
	
	//ファイルデータを読み込む
	$data = file_get_contents('./file/'.$filename.'.txt');
	
	//URIエンコード
	$data  = rawurlencode($data);

	//出力charsetをut-8に
	mb_http_output ( 'UTF-8' );
	
	//ヘッダ
	header ("Content-Type: text/html; charset=utf-8");  
	
	//出力
	echo($data);

?>