2017-04-23 335 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

相关问题