2012-09-15 105 views
6

我在過程中驗證表單,我需要表現出一定的單選按鈕和用戶需要根據一定的規則來選擇它們,可以創造多少數量的單選按鈕是動態的,所以我可以不在服務器端進行驗證不能爲此寫入預定義的java腳本代碼。JavaScript創建一個JSON對象

每個單選按鈕

將被劃分到組織說required和比進一步向下它們可以被分組像centerleftright等,所以從各組用戶需要選擇一個值,所以結構出來像這

-Main Group (if block needs to validate based on this e.g if key=required should validate) 
    | 
    Sub-group (say left, right etc) 
    | 
    number of radio buttons based on the sub-group 

所以羣主密鑰可以用來決定是否確認要對完成或不基於子組密鑰,我可以決定什麼都值將在那裏,需要驗證

我打算創建一個JSON對象頁面渲染時間像

{"required": [ 
     {"center": "id1,id2,id3"}, 
     {"left": "id1,id2,id3"} 
     ] 
    "optional": [ 
     {"center": "id1,id2,id3"}, 
     {"left": "id1,id2,id3"} 
     ] 
}; 

我不知道如果我思考的結構是正確的,以及如何在java腳本中創建它? 像我有密鑰和用於子組終於爲子組中的按鈕一個多環路外環,

for(main group key){ 
    for(subgroup key){ 
     for(list of radio button under subgroup key) 
} 
    } 

,但不知道如何創建一個合適的結構,這樣我可以之後用jquery解析並用它進行驗證。

在任何幫助,這將真正理解。

+3

JSON是'Javascript Object Notation',所以任何JSON都只是一個原生的Javascript對象。事實上,大多數瀏覽器都包含用於操縱JSON的工具(查看'JSON'命名空間)。要遠程加載JSON,您應該查看jQuery的'$ .ajax'(即'JSON'格式選項)。使用'$ .ajax',您可以輕鬆地使用jQuery下載JSON,然後在您的回調函數中解析它。 – neersighted

+0

@neersighted:我的問題是,我需要創建JSP頁面本身對這個對象,而不是在服務器端,我知道的jQuery JSON和Ajax的事情,但我需要在UI端創建JSON對象。 –

+1

恩,剛創建一個新對象? 'var foo = {}','foo [「bar」] =「baz」'。或者,如果您希望它保存特定信息,請查看[this](http://youtu.be/Bln9XbgbGrg)教程。 – neersighted

回答

4

在javascript中。您可以使用JSON.stringify(myObject, replacer);

例如。

創建JavaScript對象這樣

var myObject={}; 
現在創建JavaScript之後

對象,你可以把它轉換成JSON結構這樣

var myJsonText=JSON.stringify(myObject); 

注意的:替代品是可選

現在,如果你要轉換的JSON對象使用JSON.parse方法

myJsonObject=JSON.parse(myJsonText) 
+0

感謝輸入!!,但我的問題更多的是關注上方產生 –

+0

定義,如果我理解u需要一個表單驗證其中包含單選按鈕的問題結構3 N雅如果可能的話,你可以創建一個你DONO數量 – Ashirvad

+0

你的表單在jsfiddle中的虛擬結構?http://jsfiddle.net/ – Ashirvad