Действие сервера никогда не вызывалось - ошибка десериализации JSON?

Question

У меня в контроллере простое действие:

[HttpPost]
public JsonResult Action(MenuSet menuSet)
{
   //...
}

, где MenuSet:

public class MenuSet
{      
    private IEnumerable<MenuEntry> _menuEntries;

    public IEnumerable<MenuEntry> MenuEntries
    {
        get { return _menuEntries; }
        set { _menuEntries = value; }
    }
}

public class MenuEntry
{
    private string _parentPageName;
    private IEnumerable<string> _orderedPages;

    public string ParentPageName
    {
        get { return _parentPageName; }
        set { _parentPageName = value; }
    }
    public IEnumerable<string> OrderedPages
    {
        get { return _orderedPages; }
        set { _orderedPages = value; }
    }
}

Со стороны клиента я вызываю это действие следующим образом:

$.post("Controller/Action", 
       $.param({ MenuEntries: prepareData() }, true), 
       null, 
       "json");

где prepareData() функция возвращает MenuEntries коллекция:

function prepareData() {
    var menuEntries = new Array();
    var menuEntry = {
        ParentPageName: null,
        OrderedPages: getPagesOrder()
    }
    menuEntries.push(menuEntry);
    return menuEntries;
}

function getPagesOrder() {
    var values = new Array();
    values.push('samplePageName')
    return values;
}

Но объект JSON, по-видимому, не десериализован в модель на стороне сервера - действие контроллера никогда не вызывается. Как заставить это работать?

Answer 1

Jarek,

работает нормально, если вы используете $ ajax, а не $ post.Я добавил кнопку на свою страницу index.aspx следующим образом:

<input type="button" id="btnGo" value="Go" />

, также добавьте новый файл javascript и вставьте в него следующее (сохраните его как /scripts/toJson.js):

//Source: http://www.overset.com/2008/04/11/mark-gibsons-json-jquery-updated/
(function($) {
  m = {
    '\b': '\\b',
    '\t': '\\t',
    '\n': '\\n',
    '\f': '\\f',
    '\r': '\\r',
    '"': '\\"',
    '\\': '\\\\'
},
$.toJSON = function(value, whitelist) {
    var a,          // The array holding the partial texts.
        i,          // The loop counter.
        k,          // The member key.
        l,          // Length.
        r = /["\\\x00-\x1f\x7f-\x9f]/g,
        v;          // The member value.

    switch (typeof value) {
        case 'string':
            return r.test(value) ?
            '"' + value.replace(r, function(a) {
                var c = m[a];
                if (c) {
                    return c;
                }
                c = a.charCodeAt();
                return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16);
            }) + '"' :
            '"' + value + '"';

        case 'number':
            return isFinite(value) ? String(value) : 'null';

        case 'boolean':
        case 'null':
            return String(value);

        case 'object':
            if (!value) {
                return 'null';
            }
            if (typeof value.toJSON === 'function') {
                return $.toJSON(value.toJSON());
            }
            a = [];
            if (typeof value.length === 'number' &&
                !(value.propertyIsEnumerable('length'))) {
                l = value.length;
                for (i = 0; i < l; i += 1) {
                    a.push($.toJSON(value[i], whitelist) || 'null');
                }
                return '[' + a.join(',') + ']';
            }
            if (whitelist) {
                l = whitelist.length;
                for (i = 0; i < l; i += 1) {
                    k = whitelist[i];
                    if (typeof k === 'string') {
                        v = $.toJSON(value[k], whitelist);
                        if (v) {
                            a.push($.toJSON(k) + ':' + v);
                        }
                    }
                }
            } else {
                for (k in value) {
                    if (typeof k === 'string') {
                        v = $.toJSON(value[k], whitelist);
                        if (v) {
                            a.push($.toJSON(k) + ':' + v);
                        }
                    }
                }
            }
            return '{' + a.join(',') + '}';
    }
};

})(jQuery);

ссылается на этот новый файл в вашем index.aspx

<script src= "/scripts/toJson.js" type="text/javascript"></script>

и заменил $ post javascript на:

$(document).ready(function() {
    $('#btnGo').click(function() {
        $.ajax({
            type: "POST",
            url: '<%=Url.Content("~/Home/Action") %>',
            dataType: "json",
            data: { MenuEntries: prepareData() },
            success: function(msg) {
                alert(msg);
            },
            error: function(xhr) { alert(xhr.statusText); }
        });

    });
});

function prepareData() {
    var menuEntries = new Array();
    var menuEntry = {
        ParentPageName: "myPageName",
        OrderedPages: getPagesOrder()
    }
    menuEntries.push(menuEntry);
    // this serialises the javascript array correctly
    return $.toJSON(menuEntries);
}

попробуйте изменить действие накод ниже и попробуйте поиграть с этим (это дает вам два варианта для проверки опубликованных данных):

[HttpPost]
public JsonResult Action(FormCollection formCollection)
{
    NameValueCollection test = HttpContext.Request.Form;
    // return Json(test[0]);
    return Json(formCollection[0]);
}

он правильно десериализуется внутри действия «Действие» в контроллере.

попробуй.я уверен, что это «исправлено»

[править] - исправлено наполовину ... вам нужно будет поработать над тем, как вы играете с объектом.т.е. либо через formCollection, либо через тестовую переменную.оба дают объект в разных обличьях. !!

Answer 2

Вы можете использовать Phil Haack's решение для передачи json в метод действия контроллера.

Надеюсь, это поможет!

Answer 3

Первый

Вы также можете использовать IList<MenuEntry> в качестве типа параметра в вашем методе действия.

Второй

Эти два сообщения в блоге помогут вам выполнить все действия с автоматической проверкой модели, что не относится к решению другого парня.

Привязка модели Asp.net MVC к списку
Отправка сложных объектов JSON в Asp.net MVC с использованием jQuery