posts - 165, comments - 198, trackbacks - 0, articles - 1
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          ajax 的 輸入選擇 (同google&讀數據庫)

          Posted on 2007-07-25 17:05 G_G 閱讀(1274) 評論(2)  編輯  收藏 所屬分類: javascript
          問題: 用戶在 WEB 中輸入 機車 人員 等項 頁面會根據當前字符給出選擇提示
          解決:scriptaculous javascript工具包的 Autocompleter.Local


          與圖對應代碼:
          <TD><html:checkbox?property="value(Yloco)"?value="Y"/>機車</TD>
          <TD><input?id="loco"?type="text"?name="value(loco)"?size="20"?value="${map['loco']}"?onkeyup="getData();"></TD>
          <div?id="locoupdate"?style="display:none;border:1px?solid?black;background-color:white;height:150px;overflow:auto;"></div>????

          javascript 處理方法
          ?? var arr = new Array();
          ?? //關鍵方法
          scriptaculous框架 提供方法
          ?? //要使用 此方法 先到入 prototype.js? effects.js?? controls.js
          ?? new Autocompleter.Local('loco','locoupdate',
          ? ?? ??? ??? ??? ??? ?arr, { tokens: new Array(',','\n'), fullSearch: true, partialSearch: true});
          ??
          function?getData(){???
          ??? ?? ?? ? //得到 字符數組 str,str,str.....
          ????????????
          var?url?=?"/jczb/jczb/meanwhileDiary.do?method=loco&par="+document.getElementById("loco").value;????
          ????????????
          new?Ajax.Request(
          ????????????????????url,
          ????????????????????{
          ????????????????????????method:?'get',
          ????????????????????????onComplete:?action??????????????
          ????????????????});????
          ????}
          ????
          function?action(req){
          ????????????
          var?str?=?req.responseText.split(",")?;
          ????????????
          while(!arr.length==0){
          ????????????????arr.pop();
          ????????????}

          ????????????
          for(?var?jj=0;jj<str.length-1;jj++?){
          ????????????????????arr[jj]?
          =?str[jj];
          ????????????}
          ????????}



          完整jsp


          ?
          心得:多看書 是有幫助的

          評論

          # re: ajax 的 輸入選擇 (同google&讀數據庫)   回復  更多評論   

          2007-07-26 19:33 by dfjinn
          這種方法是每輸一個字就查詢一次數據庫,如果對一個打字速度快的用戶,那勢必會對數據造成較大的壓力。

          # re: ajax 的 輸入選擇 (同google&讀數據庫) [未登錄]  回復  更多評論   

          2007-07-30 09:50 by G_G
          我寫到這份上了 應該可以安你的想法改 是很 好改的了
          主站蜘蛛池模板: 曲周县| 蒙山县| 彭山县| 大石桥市| 乌什县| 隆化县| 固原市| 昔阳县| 宜君县| 浦北县| 长宁区| 吐鲁番市| 泸州市| 庆安县| 剑阁县| 吴江市| 西昌市| 栾城县| 宁南县| 山东| 建德市| 财经| 宁都县| 泸定县| 岚皋县| 镇沅| 侯马市| 石楼县| 磐安县| 连江县| 洞口县| 龙南县| 鄄城县| 荣成市| 嘉祥县| 迁西县| 商南县| 宁津县| 包头市| 祥云县| 龙海市|