asp.net-mvc – jQuery Ajax调用控制器

发布时间：2020-12-16 07:34:18 所属栏目：asp.Net 来源：网络整理

导读：我是Ajax的新手,如果在下拉列表中选择了某些项目,我会尝试禁用复选框.我需要将mlaId传递给RecipientsController.cs中的GetMlaDeliveryType(int Id)方法. 我不确定如何在javascript函数checkMlaDeliveryType(mlaId)中设置ajax调用. // MLA Add disable expres

我是Ajax的新手,如果在下拉列表中选择了某些项目,我会尝试禁用复选框.我需要将mlaId传递给RecipientsController.cs中的GetMlaDeliveryType(int Id)方法.

我不确定如何在javascript函数checkMlaDeliveryType(mlaId)中设置ajax调用.

//  MLA Add  disable express checkbox if delivery type is electronic
        $('.AddSelectedMla').change(function () {

            var deliveryType = checkMlaDeliveryType($('.AddSelectedMla').val());


            // disable express option if delivery type is Electronic
            if (deliveryType == "Mail") {
                $(".mlaExpressIndicator").removeAttr("disabled");
            }else{
                $(".mlaExpressIndicator").attr('checked',false).attr("disabled",true);
            }

        })

        // ajax call to get delivery type - "Mail" or "Electronic"
        function checkMlaDeliveryType(mlaId)
        {
            $.ajax({
                type: "GET",url: "/Recipients/GetMlaDeliveryType/",data: mlaId,dataType:,success: 
            });

        }

RecipientsController.cs

    public string GetMlaDeliveryType(int Id) 
    {
        var recipientOrchestrator = new RecipientsOrchestrator();

        // Returns string "Electronic" or "Mail"
        return recipientOrchestrator.GetMlaDeliveryTypeById(Id);
    }

编辑：

这是最终的javascript看起来如何工作

//  MLA Add  disable express checkbox if delivery type is electronic
$('.AddSelectedMla').change(function () {

    checkMlaDeliveryType($('.AddSelectedMla').val());
})

// ajax call to get delivery type - "Mail" or "Electronic"
function checkMlaDeliveryType(mlaId)
{
    $.ajax({
        type: 'GET',url: '@Url.Action("GetMlaDeliveryType","Recipients")',data: { id: mlaId },cache: false,success: function (result) {
            // disable express option if delivery type is Electronic
            if (result == "Mail") {
                $(".mlaExpressIndicator").removeAttr("disabled");
            } else {
                $(".mlaExpressIndicator").attr('checked',true);
            }
        }
    });

}

解决方法

$.ajax({
    type: 'GET',url: '/Recipients/GetMlaDeliveryType',success: function(result) {

    }
});

然后修复你的控制器动作,使它返回一个ActionResult,而不是一个字符串. JSON适用于您的情况：

public string GetMlaDeliveryType(int Id) 
{
    var recipientOrchestrator = new RecipientsOrchestrator();

    // Returns string "Electronic" or "Mail"
    return Json(
        recipientOrchestrator.GetMlaDeliveryTypeById(Id),JsonRequestBehavior.AllowGet
    );
}

现在,您的成功回调将直接传递给您的模型的javascript实例.您无需指定任何dataType参数：

success: function(result) {
    // TODO: use the result here to do whatever you need to do
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!