1. 程式人生 > >在JavaScript檔案中讀取properties檔案的方法

在JavaScript檔案中讀取properties檔案的方法

假設有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檔案中做如下宣告:

  1. <scriptsrc="js/jquery-1.7.1.min.js"language="javascript">
  2. </script>
  3. <scripttype="text/javascript"src="js/jquery.i18n.properties-min-1.0.9.js">
  4. </script>
  1. <scriptsrc="js/jquery-1.7.1.min.js"language="javascript">
  2. </script>
  3. <scripttype="text/javascript"src="js/jquery.i18n.properties-min-1.0.9.js"
    >
  4. </script>

其中的路徑根據實際情況作出調整。

3、在readproperties.js中,編寫如下函式獲取properties檔案中的值:

[javascript] view plain copy
  1. function loadProperties(){  
  2.     jQuery.i18n.properties({// 載入properties檔案
  3.     name:'ISPindex'// properties檔名稱
  4.     path:'i18n/'// properties檔案路徑
  5.     mode:'map'// 用 Map 的方式使用資原始檔中的值
  6.     callback: function
    () {// 載入成功後設置顯示內容
  7.         alert($.i18n.prop(“isp_index”));//其中isp_index為properties檔案中需要查詢到的資料的key值
  8.     }  
  9.     });  
  10. }  
[javascript] view plain copy 在CODE上檢視程式碼片派生到我的程式碼片
  1. function loadProperties(){  
  2.     jQuery.i18n.properties({// 載入properties檔案
  3.     name:'ISPindex'// properties檔名稱
  4.     path:'i18n/'// properties檔案路徑
  5.     mode:'map'// 用 Map 的方式使用資原始檔中的值
  6.     callback: function() {// 載入成功後設置顯示內容
  7.         alert($.i18n.prop(“isp_index”));//其中isp_index為properties檔案中需要查詢到的資料的key值
  8.     }  
  9.     });  
  10. }  

其中properties檔案的路徑、名稱等需要根據實際情況作出調整。本例中properties檔案放在如下圖所在位置。


這樣執行該函式時,即可顯示需要的資料了。