html 使用AJAX POST请求来调用控制器操作（在页面加载时和在下拉列表中选择项目时），获取返回的布尔值，设置observabl

Posted 2021-05-11

[HttpPost, Core.Authorization.ValidateAntiForgeryToken]
        public JsonResult doesClientOrDescendentScreenVolunteers(long clientId)
        {
            try
            {
                bool doesAnyClientScreenVolunteers;
                if (clientId < 0)
                {
                    var clientList = clientService.getClientHierarchy(clientId);
                    doesAnyClientScreenVolunteers =
                        clientList.Any(x => x.AccountUseTypeId == (int) AccountUseTypeEnum.Volunteerism);
                }
                else
                {
                    var client = clientService.findById(clientId);
                    doesAnyClientScreenVolunteers = client.AccountUseTypeId == (int)AccountUseTypeEnum.Volunteerism;
                }
                
                return Json(doesAnyClientScreenVolunteers, JsonRequestBehavior.AllowGet);
            }
            catch (Exception)
            {
                var message = $"Error while checking to see if client {clientId} has Employee screening.";
                log.ErrorFormat(message);
                return Json(new { success = false, message }, JsonRequestBehavior.AllowGet);
            }
        }

self.selectedAccount = ko.observable(self.getSelectedFromList(model.ChildAccounts));

self.selectedAccount.subscribe(function () {
    self.doesClientOrDescendentScreenVolunteers(); //calls it when selection made from dropdown
    self.persistCurrentClientId();            
});

self.displayInterestedSection = ko.observable();

self.doesClientOrDescendentScreenVolunteers = function () {
    $.ajax({
        type: "POST",
        url: $("#doesClientOrDescendentScreenVolunteers").attr("href"),
        data: { clientId: self.selectedAccount().Value },
        success: function(result) {
            self.displayInterestedSection(result);
        },
        error: function (response) {
            handleSubmitError(response);
            $("#sortLoading").modal("hide");
        }
    });
};

self.doesClientOrDescendentScreenVolunteers(); // calls it on page load

<!-- ko if: displayInterestedSection -->
<div style="width: 280px; display: inline-block;">
    <h4>
        <span data-bind="text:interestedCount" class="filterCount">&nbsp;</span> Interested
        Candidates - <a href="#" style="text-decoration: underline;" data-bind="click: $root.handleFilterInterestedFromLink.bind()">View All</a>
    </h4>
    <ul data-bind="foreach: interestedResults" class="unstyled clearfix">
        <li>
            <a href="#" class="btn btn-link" data-bind="click: $root.handleFilterFromLink.bind($data), attr: { 'class': bgResult }, visible: $root.showLink($data)">
                <span data-bind="text:count" class="filterCount">&nbsp;</span> <span data-bind="text: bgResult"></span>
            </a>
        </li>
    </ul>
</div>
<!-- /ko -->