prototype.js と Ruby を使って流行の ajax

てことで、流行にのってみました。 ヾ( ´▽｀)ﾂ

動作サンプルを↓に置いておきます。
http://www3.pf-x.net/~spider-man/ajax/sample1/sample1.html

いつもながら文字化けには悩まされます・・・。
今回はファイルをUTF-8で保存する事により文字化けは直りました。

HTMLソース - sample1.html

<script language="javascript" src="../../scripts/prototype.js">
</script>
<script>
function getText() {
    var ele_name  = document.getElementById("name");
    var ele_age   = document.getElementById("age");
    var serverURL = "../../cgi-bin/ajax/sample1/sample1.cgi";

    var param = {
        method:'post' , 
        onComplete:notifyMessage ,
        requestHeaders:['Cache-Control' , 'no-cache'] ,
        postBody:$H({name:ele_name.value, age:ele_age.value}).toQueryString()

    };
    var ajax = new Ajax.Request(serverURL , param);
}
function notifyMessage(response) {
    alert(response.responseText);
}
</script>

サーバソース - sample1.cgi (utf-8で保存してあります）

#!/usr/bin/ruby
require "cgi"
cgi = CGI.new

name = cgi.params['name'][0]
age  = cgi.params['age'][0]

puts "Content-type: text/html;\n\n"
puts "#{name}さんこんにちは!!"
puts "あなたの年齢は#{age}ですね。 "