2017-04-23 336 views
-2

我剛剛開始學習jquery & javascript,在我的項目中我找到了這塊代碼,我想知道它是什麼意思,有些部分讓我感到困惑,我所有的瞭解到目前爲止,這是觸發了一些控制變化事件,但我怎麼知道哪個控制和事實上如何工作?有人可以逐行解釋我這段代碼嗎? jquery-javascript

<script type="text/javascript"> 
    $(function() { 
     $("#MainGroupID").change(function() { 
      var val = $(this).val(); 
      var subItems=""; 
      $.getJSON("@Url.Action("GetSubgroupByMainGroup", "Article")", {id:val} ,function (data) { 
       $.each(data,function(index,item){ 
       subItems+="<option value='"+item.Value+"'>"+item.Text+"</option>" 
       }); 
       $("#SubGroupID").html(subItems) 
      }); 
     }); 
    }); 
</script> 

請按行我試圖理解這個充塞他們如何與落後等等等等代碼工作的一些解釋行:/

也許是愚蠢的問題,但..:/

謝謝夥計, 乾杯!

+0

轉到[jQuery api ](http://api.jquery.com/)文檔並自己查找每個方法。每個都有詳細的解釋和例子。請同時閱讀[不要問什麼](http://stackoverflow.com/help/dont-ask) – charlietfl

回答

2
//$(function() { 

該部分用於在DOM準備就緒時調用該函數。

$("#MainGroupID").change 

//是一個變化事件 - 就像輸入的值已經改變一樣。

var val = $(this).val(); 

//你拿起輸入

var subItems=""; 

的值//你創建一個佔位符變量來存儲數據

$.getJSON(

//這是一個電話獲取json數據。

$.each 

//你現在是通過從JSON調用

subItems+="<option value='"+item.Value+"'>"+item.Text+"</option>" 

獲得的數據循環//你現在填充您設置了

$("#SubGroupID").html(subItems) 

//這個地方的變量獲取的數據的內容和結構從佔位符轉換爲ID爲SubGroupID的div div

+0

Rox - 幫助你理解或看看發生了什麼 - 使用console.log(「value」,值)---如果你正在使用chrome例如f12 - 你可以看到這些值是什麼 - 它可能有助於調試 – 2017-04-23 22:46:56

相關問題