XMLHttpRequestをかじった。

お決まりのXMLHttpRequestオブジェクト

var XmlsReq = null;                                                                      
if(window.XMLHttpRequest){                                                               
  XmlsReq = new XMLHttpRequest();
}else{
  if(window.ActiveXObject){
    XmlsReq = new ActiveXObject('MSXML2.XMLHTTP.3.0');
    }
}

クライアント側の処理。

function RoadHtml(id,uri,name){
  if(!XmlsReq) return;
    XmlsReq.open('POST',uri,true);
    XmlsReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    var str = "abc=" + name
    XmlsReq.send(str);
  XmlsReq.onreadystatechange = function(){
    if(XmlsReq.readyState == 4 && XmlsReq.status == 200){
      document.getElementById(id).innerHTML = XmlsReq.responseText;
   }
  }
}

サーバ側の処理

#=>貰った値をごにょごにょ。

print <<-EOB
Content-type: text/html

#{str}
EOB

解説 : XMLHttpRequest
http://fstyle.ddo.jp/archives/2006/10/ajax_post.html
Ajaxの基本XMLHttpRequestを試してみた | Yama's Memorandum