Question

我刚开始学习jquery＆amp; 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>

请逐行解释我试图理解这些东西他们如何处理代码背后等等：/

也许这是一个愚蠢的问题但是......：/

谢谢你们，干杯！

Answer 1

//$(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

有人可以逐行解释这段代码吗？ Jquery - javascript

1 个答案: