假設有JavaScript檔案叫做:readproperties.js,這個檔案需要讀取config.properties這個設定檔,步驟如下:
1、 下載外掛程式jquery.i18n.properties-min-1.0.9.js,在eclipse中放到合適的目錄下。由於需要jQuery的支援,所以也需要jquery外掛程式,在這裡選擇jquery-1.7.1.min.js(jquery.i18n.properties-min-1.0.9.js這個外掛程式對jQuery沒有版本要求,可以使用任何版本的jQuery外掛程式),如下圖所示:
2、 在引入readproperties.js的JSP檔案中做如下聲明: [html] view plain copy print ? <script src="js/jquery-1.7.1.min.js" language="javascript"> </script> <script type="text/javascript" src="js/jquery.i18n.properties-min-1.0.9.js"> </script>
<script src="js/jquery-1.7.1.min.js" language="javascript"></script><script type="text/javascript" src="js/jquery.i18n.properties-min-1.0.9.js"> </script>
其中的路徑根據實際情況作出調整。
3、在readproperties.js中,編寫如下函數擷取properties檔案中的值: [javascript] view plain copy print ? function loadProperties(){ jQuery.i18n.properties({// 載入properties檔案 name:'ISPindex', // properties檔案名稱 path:'i18n/', // properties檔案路徑 mode:'map', // 用 Map 的方式使用資源檔中的值 callback: function() {// 載入成功後設定顯示內容 alert($.i18n.prop(“isp_index”));//其中isp_index為properties檔案中需要尋找到的資料的key值 } }); }
function loadProperties(){ jQuery.i18n.properties({// 載入properties檔案 name:'ISPindex', // properties檔案名稱 path:'i18n/', // properties檔案路徑 mode:'map', // 用 Map 的方式使用資源檔中的值 callback: function() {// 載入成功後設定顯示內容 alert($.i18n.prop(“isp_index”));//其中isp_index為properties檔案中需要尋找到的資料的key值 } });}
其中properties檔案的路徑、名稱等需要根據實際情況作出調整。本例中properties檔案放在如下圖所在位置。
這樣運行該函數時,即可顯示需要的資料了。
如果本文說的不夠清楚,可以參考API文檔:www.ibm.com/developerworks/cn/web/1305_hezj_jqueryi18n/