Friday, May 9, 2014

Ajax Get and Post Methods in MVC


<script type="text/javascript">
    $(document).ready(function () {
        $("#ddlparentmenu").live('change', function () {
            var id = $("#ddlparentmenu").val();
            $.ajax({
                dataType: 'json',
                type: 'POST',
                url: '@Url.Action("GetSubmenu")',
                data: { type: id },
                success: function (data) {
                    if (data != null && data!=0 && data!="") {
                        $("#trsub").removeAttr("style")
                        var appenddata='<option value="">--Select--</option>';
                        $.each(data, function (key, value) {
                            appenddata += "<option value = '" + value.SubmenuId + " '>" + value.SubMenu + " </option>";                      
                        });
                        $('#ddlsub').html(appenddata);
                    }
                    else
                    {
                        $("#ddlsub").empty();
                        $("#trsub").hide();
                    }
                }
            });
        });
    });
</script>

No comments:

Post a Comment