Hi ahmedsa,

For making ajax call refer below article.

ASP.Net Core: jQuery AJAX and JSON Example in ASP.Net Core MVC

Example:

HTML

<button id="FillCheckBox" type="submit">Submit</button><br />
<div id="dvModules"></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#FillCheckBox').click(function () {
            $.ajax({
                type: "POST",
                url: "/Home/OnGetRelatedUserAccessPermission",
                data: { "UserId": $('#useraccess-id').val() },
                success: function (response) {
                    $('#dvModules').empty();
                    var table = $('<table></table>');
                    $(response).each(function (index, item) {
                        var i = parseInt(index) + 1;
                        table.append($('<tr></tr>')
                            .append($('<td></td>')
                                .append($('<input>').attr({
                                    'id': 'chk' + i,
                                    'type': 'checkbox',
                                    'name': 'Module',
                                    'value': item.HobbyId
                                }))
                                .append($("<label>").attr(
                                    {
                                        'for': 'chk' + i
                                    })
                                    .text(item.Hobby))
                            ));
                    });
                    $('#dvModules').append(table);
                },
                error: function (response) {
                    alert(response.responseText);
                }
            });

            return false;
        });
    });
</script>

Controller

public JsonResult OnGetRelatedUserAccessPermission(int UserId)
{
    var UserAccess = this.Context.Hobbies.ToList();
    return Json(UserAccess);
}