2016-01-22 38 views
-1

我有JSONObject與日期值。每個日期或日期範圍都有ID。我用這個代碼來創建JSON:如何從JSONObject獲取vlaue?

<script> 
    <cfset dateStruct = structNew() /> 
    <cfoutput query="qryOne"> 
     <cfset dateStruct[userID] = arrayNew(1) /> 
     <cfloop from="#PickDateTime#" to="#DropDateTime#" index="i" step="#CreateTimeSpan(1,0,0,0)#"> 
      <cfset arrayAppend(dateStruct[userID],"#dateformat(i,'mmddyyyy')#")/> 
     </cfloop> 
    </cfoutput> 

    var jsonString = '<cfoutput>#SerializeJSON(dateStruct)#</cfoutput>'; 
    var JSONObject = JSON.parse(jsonString); 

    function giveClass(){ 
     for(var key in JSONObject){ 
      res = document.getElementById(JSONObject[key]); 
      res.className = 'booked' 
     } 
    } 
</script> 

我沒有戒備的jsonString,看起來像這樣:

{"49":["01082016","01092016"],"48":["03012016","03022016","03032016","03042016","03052016","03062016","03072016","03082016","03092016","03102016","03112016","03122016","03132016","03142016","03152016","03162016","03172016","03182016","03192016","03202016","03212016","03222016","03232016","03242016","03252016","03262016","03272016","03282016","03292016","03302016","03312016"],"44":["01122016"],"47":["02062016"],"46":["02112016","02122016","02132016","02142016","02152016"],"35":["01132016"],"36":["01212016"],"39":["01162016"],"37":["01262016"],"38":["01192016"],"43":["01312016"],"42":["02022016","02032016"],"41":["01142016"],"40":["01172016","01182016","01192016"],"51":["01282016"],"52":["02252016","02262016"],"50":["01282016"]} 

每個日期下唯一的ID存儲。在我上面的函數中,我想分配className ='預訂'不是每個ID,我想分配給每個值。例如,如果我有id:"42":["02022016","02032016"]我想給這個類的名稱,而不僅僅是id 42.我的函數只給了我現在的id類,我怎麼可以讓我給每個值的類名?

+2

您可以將JSON直接放入您的JavaScript代碼中。它不一定是一個字符串,你不必明確解析它;只需將其創建爲普通的JavaScript即可。 – Pointy

+0

只需遍歷數組。 –

回答

3

您通過每個陣列需要循環:

function giveClass(){ 
    for(var key in JSONObject){  
     for(var i=0;i<JSONObject[key].length;++i){ 
      var res2 = document.getElementById(JSONObject[key][i]); 
      res2.className = 'booked'; 
     }    
    } 
} 

由於尖說:

您可以直接拖放到JSON JavaScript代碼。它不是 必須是一個字符串,你不必明確解析它;只需 將其創建爲普通的JavaScript。

+0

This Works!我完全忘了循環兩次以獲得每個ID的所有元素。另外小方面說明,我們不需要getEmelentById和className兩次,所有可以在第二次循環後完成。謝謝! –

+0

很高興爲你效勞! –

+0

我還有一個問題,在上面的問題中,我有cfloop在哪裏創建arrayAppend(dateStruct [userID],「#dateformat(i,'mmddyyyy')#」),我想在數組中添加一個元素next給我。添加元素後,我想循環並檢查該元素。我如何獲得額外的元素? –