.Net core MVC - отправка формы через контроллер не возвращает ajax - только URL-адрес контроллера с текстом результата

У меня есть индексная страница с таблицей и простая форма с двумя раскрывающимися списками. На странице также есть несколько разделов с частичными просмотрами. При отправке мне нужно обновить только эти div, а не всю страницу.

Кто-то помог мне с ajax и контроллером. Форма отправки работает отлично. Он отправляет форму и делает почти все, что должен. Но при отправке вместо того, чтобы вернуться к ajax для обновления div, он перенаправляет меня на URL-адрес контроллера со строкой, в которой говорится все, что я передаю в разделе возврата. Как-то сбивает с толку. Я надеюсь, что приведенные ниже разделы помогут разобраться в этом.

Частичный вид формы:

<form id = "ajax_submit" asp-controller = "Home" asp-action = "CreateBreak" class = "DthdropdownGroup ml-3">
<div class = "btn-group" style = "margin-left:-1rem">
    <select class = "form-group dropdownStyling btn-sm dropdown-toggle d-inline-block btn-outline-light" style = "width: 7.4em;" type = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" id = "EmployeeId" asp-for = "EmployeeId">
        <option>Dispatcher</option>
        @foreach (var item in Model.Employees)
        {
            <option class = "dropdown-item pr-1 form-control" value = "@item.Id">@item.DisplayName</option>
        }
    </select>
</div>

<div class = "btn-group">
    <select class = "form-group dropdownStyling btn-sm dropdown-toggle d-inline-block btn-outline-light" style = "width: 7.3em" type = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" id = "EmpPosition" asp-for = "EmpPosition">
        <option>Position</option>
        @foreach (var item in Model.Positions)
        {
            <option class = "dropdown-item pr-1" value = "@item.Id">@item.PositionName</option>
        }
    </select>
</div>
<button type = "submit" class = "btn btn-sm btn-block dropdownStyling" id = "break-submit" style = "margin-left: -1rem; width:15rem;">Submit</button>

Контроллер:

        [HttpPost]
    public async Task<JsonResult> CreateBreak(int EmployeeId, int EmpPosition)
    {
        Break newBreak = new Break();

        newBreak.EmployeeId = EmployeeId;
        newBreak.EmpPosition = EmpPosition;
        newBreak.TimeEntered = DateTime.Now;

        _context.Add(newBreak);
        await _context.SaveChangesAsync();

        return Json(new { success = true, });
    }

Javascript:

$(document).on("submit", "#ajax_submit", function () {

// prevent regular form submit
e.preventDefault();

var data = {
    EmployeeId: $("#EmployeeId").val(),
    EmpPosition: $("#EmpPosition").val()
}

$.ajax({
    type: "Post",
    url: "/Home/CreateBreak",
    dataType: 'json',
    data: data,
    success: function () {
        $(" #headerRefresh ").load(window.location.href + " #headerRefresh ");
        $(" .breakRefresh ").load(window.location.href + " .breakRefresh ");
    },
});

})

Часть кода из одного из партиалов, чтобы увидеть, как я настроил партиалы:

    <div class = "dthRefresh">
        <table class = "table table-bordered">
            <tbody>
                @foreach (var item in Model.Dths)
                {
                    @*////EMPLOYEE SENT////*@
                    @if (item.EmpSent == true)
                    {
                        <tr style = "background-color:lightgreen; font-size:large">
                            <td class = "w-75 h-25 p-0">
                                <input type = "hidden" class = "hiddenDthID" value = "@item.Id" />
                                <a href = "Javascript:;" class = "empNameDth" style = "color:black">@[email protected]</a>
                            <td class = "h-25 p-0" style = "font-size:large">@item.EmpPositionNavigation.PositionName</td>
                            <td class = "h-25 justify-content-center p-0 pl-1">
                                <input type = "checkbox" value = "" id = "flexCheckChecked" checked>
                            </td>
                        </tr>
                    }

Форма отправляется просто отлично, но когда я отправляю, она возвращает это:

Таким образом, вместо того, чтобы обновлять эти элементы div и оставаться на странице индекса, он меняет URL-адрес на Home/CreateBreak. Он должен оставаться в индексе и просто обновлять те элементы div, которые находятся на индексной странице. Я застрял на несколько дней. Я очень ценю чью-либо помощь.