将值传递给控制器操作

本文关键字:控制器 操作 值传 | 更新日期: 2023-09-27 18:30:59

我正在尝试使用 jQuery 将两个值传递给以下控制器操作

[HttpPost]
        public JsonResult Cancel(Guid Id, string cancelReason)
        {
            //do something
        }

。.js:

    CancelProgram = function (Id) {
//this is basically the value from a select tag placed on the form            
var reason = $("#CancelReasons").val();
            alert(reason);
            Origin.ajax({
                url: '/ZYX/Cancel?Id=' + Id,
                type: 'POST',
                dataType: 'json',
                data: { cancelReason: reason },
                success: function (data) {
                    alert('success!');
                }
            });
        };
    });

操作方法中的 cancelReason 值始终为 null。关于为什么这不起作用的任何指示?

将值传递给控制器操作

代码的另一部分一定有问题。我将首先通过对值进行硬编码并确保它们正确发送来发送正常的 AJAX 请求:

$.ajax({
    url: '/ZYX/Cancel',
    type: 'POST',
    data: { 
        id: '24fe0c97-c227-4312-91fc-6e651df8b64f', 
        cancelReason: 'some reason' 
    },
    success: function (data) {
        alert('success!');
    }
});

一旦确保这个简单的示例有效,就开始使用变量使其更加动态。这样,您将能够缩小范围并找到问题的根源。此外,我强烈建议您使用Javascript调试工具,例如FireBug。它允许您在控制台中查看您是否有javascript错误以及许多其他有用的信息,例如正在发送的确切请求/响应。

在 AJAX 请求成功的情况下,您应该在 FireBug 的"网络"选项卡中看到以下内容:

Accept:             */*
Accept-Encoding:    gzip, deflate
Accept-Language:    en-us,en;q=0.5
Connection:         keep-alive
Content-Length:     64
Content-Type:       application/x-www-form-urlencoded; charset=UTF-8
User-Agent:         Mozilla/5.0 (Windows NT 6.1; WOW64; rv:10.0) Gecko/20100101 Firefox/10.0
X-Requested-With:   XMLHttpRequest
id=24fe0c97-c227-4312-91fc-6e651df8b64f&cancelReason=some+reason

请注意如何使用 application/x-www-form-urlencoded 发送idcancelReason参数。

您应该真正学习调试此类问题,调试它们的方法是使用适当的工具。

怎么样

            url: '/ZYX/Cancel',
            type: 'POST',
            dataType: 'json',
            data: { Id: Id, cancelReason: reason },
            success: function (data) {
                alert('success!');
            }

您需要提供您指定的路线,这可能有助于更好地回答,但是现在应该可以工作:

url: '/ZYX/Cancel?Id=' + Id + '&cancelReason=' + reason,

并且,根本不要传入任何数据。如果这不起作用,那么我将使用 fiddler 或其他网络观察程序加载项或调试器来验证原因是否为有效值。

尝试在 Global.asax 文件中设置路由,如下所示:

routes.MapRoute(
            "Cancel", // Route name
            "{controller}/{action}/{id}/{cancelReason}", // URL with parameters
            new { controller = "YourController", action = "Cancel", id = UrlParameter.Optional, cancelReason = UrlParameter.Optional } // Parameter defaults
        );