Question

我正在尝试使用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!');
                }
            });
        };
    });

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

Answer 1

代码的另一部分肯定有问题。我首先通过硬编码值并确保它们被正确发送来发送正常的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

请注意id和cancelReason参数是如何使用application/x-www-form-urlencoded发送的。

你应该学会调试这些问题，调试它们的方法是使用适当的工具。

Answer 2

怎么样？

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

Answer 3

你需要提供你指定的路线，这可能有助于更好地回答，但是现在这应该有效：

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

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

Answer 4

尝试在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
        );

将值传递给控制器操作

4 个答案:

将值传递给控制器​​操作

4 个答案:

将值传递给控制器操作