Monya

認真的首篇工作技術文~
看不懂的直接跳過吧~

========我是分隔線========

最近在用AJAX的技術~
但只有最最基礎的部份而已~

個人覺得還蠻方便的~

AJAX是啥? 非同步 JavaScript + XML 的縮寫~
很模糊是吧~

好吧~其實我也不太懂~
只知道他有個很重要的物件~「XMLHttpRequest」
這很像是天靈靈地靈靈或是芝麻開門般的重要~

先給他在JavaScript中來個宣告 new XMLHttpRequest();
然後你就可以在網頁畫面A的背後~
去偷偷呼叫些新增修改查詢或是計算的JSP~
然後在畫面A用DHTML 技術將背後執行的結果秀出來~

這對沒寫過網頁程式的人來說~
可能沒什麼感覺~

可是對常用網頁寫應用程式的人來說~
這可以是一大好用的技術ㄚ~

User問你~
為什麼我要在網站上購買個產品~
選個產品大類別後~要換一頁~
再出現個中類別~再換一頁~
然後再來個小類別~
有沒有這麼難才能看到我要的產品ㄚ?

有了AJAX後~
全部在同依畫面搞定~用背景去查詢大中小類~
用innerHTML秀結果~

這這這太讚了~
再不用被User唸說系統很難用了~呵~

不過~有個不好的地方~
瀏覽器的「上一頁(back)」再也不管用了~
這也是要取捨的地方啦~

簡單的Js Sample code
==========================================
function form_getRemoteData(uri,q)  {
  var x ;
  if(window.XMLHttpRequest){  //NN
    x = new XMLHttpRequest();
  } else { //IE
    x = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  var url=uri;

  x.open('Post',url,false); 
  x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
  x.send(encodeURI('q='+q));
  return x.responseText.trim();        
    
}
==========================================

呼叫的方式~在網頁A~
==========================================

==========================================

有興趣的朋友再來問我 doQuery.jsp 要寫些啥吧~
還有innerHTML使用的部份~

先這樣啦~掰掰