Question

我试图通过向其发送JSON对象作为参数来通过MVC控制器获取信息。

控制器方法如下所示：

public ActionResult GetLatestInfoLogs(InfoLogUserJson invoker, InfoLogUserJson affected) {
    // code
}

我有一个服务器端模型，如下所示：

public class InfoLogUserJson {
    public int id { get;set; }
    public int personId { get;set;}
    public int customerId { get;set; }
    public int rootUserId { get;set; }
    public string ip { get;set; }
    public bool unknown { get;set; }
}

我有一个客户端脚本，如下所示：

var InfoLogUser = function () {
    this.id = ko.observable(0);
    this.personId = ko.observable(0);
    this.rootUserId = ko.observable(0);
    this.customerId = ko.observable(0);
    this.unknown = ko.observable(false);
    this.ip = ko.observable(null);
}

InfoLogUser.prototype = (function() {
     return {
          toJSON: function() {
            return {
                personId: this.getPersonId(),
                rootUserId: this.getRootUserId(),
                customerId: this.getCustomerId(),
                id: this.getId(),
                unknown: this.getUnknown(),
                ip: this.getIp()
             }
         }
     }
}());

在javascript视图模型中，我尝试这样做：

            var infoLogUser = new InfoLogUser();
            infoLogUser.personId(1234);

            $.ajax({
                url: '/Whatever/GetLatestInfoLogs',
                data: {
                    invoker: JSON.stringify(infoLogUser.toJSON()),
                    affected: null
                },
                dataType: 'application/json; charset: utf-8',
                type: 'GET',
                success: function(_infoLogs) {
                    alert('yay');
                }
            });

在我的网络日志中，我得到以下内容：查询字符串参数：

调用：{ “PERSONID”：1234， “rootUserId”：0， “客户ID”：0， “ID”：0， “未知”：假， “IP”：空} 受到影响：

但是，当它访问MVC控制器中的GetLatestInfoLogs方法时，invoker参数始终为null。如果我从ajax请求中删除JSON.stringify，则invoker参数不为null，但是没有设置任何值。

我无法弄清楚发生了什么，所以希望你们中的任何人都知道发生了什么事？：）

Answer 1

试试这个

$.ajax({
        url: '/Whatever/GetLatestInfoLogs',
        type: 'POST',
        data: {
            invoker: JSON.stringify(infoLogUser),
            affected: null
        },
        contentType: 'application/json',

        success: function(_infoLogs) {
            alert('yay');
        }
    });

已更新

var data = {invoker: infoLogUser, affected: null};
$.ajax({
            url: '/Whatever/GetLatestInfoLogs',
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',

            success: function(_infoLogs) {
                alert('yay');
            }
        });

Answer 2

您不需要创建自己的.toJSON()方法。

只需这样做：

invoker: JSON.stringify(infoLogUser)

您还需要确保设置内容类型，即

contentType: 'application/json'

我还注意到您的数据类型应为：

dataType: 'json'

整个电话会变成：

    var infoLogUser = new InfoLogUser();
    infoLogUser.personId(1234);

    $.ajax({
        url: '/Whatever/GetLatestInfoLogs',
        data: {
            invoker: JSON.stringify(infoLogUser),
            affected: null
        },
        dataType: 'json',
        contentType: 'application/json',
        type: 'GET',
        success: function(_infoLogs) {
            alert('yay');
        }
    });

<强>更新要成为有效的json，您需要更改invoker＆amp; affected到字符串，即

 data: {
         "invoker": JSON.stringify(infoLogUser),
         "affected": null
        }

当JSON.stringify时，Json到ASP.NET MVC Controller参数为null

2 个答案: