Вопрос по asp.net-mvc-3, asp.net-mvc, c#, razor, jquery – Отправка массива объектов json в действие с помощью ajax в asp.net mvc 3

3

Я надеюсь, что кто-нибудь может мне помочь (извините за мой английский). У меня проблема, когда я хочу отправить массив массивов в ajax. Моя модель:

<code>public class SJSonModel
{
    public string Name { get; set; }
    public bool isChecked { get; set; }     
}

public class SJSonModelList
{
    public List<SJSonModel> Features { get; set; }
    public List<SJSonModel> MenuItems { get; set; }
}
</code>

Контроллер:

<code>    [HttpPost]
    public ActionResult CheckPreferences(SJSonModelList postData)
    {
        BindUserFeatures(postData.Features);

        return Json(new { status = "Success", message = "Passed" });
    }
</code>

Вид упрощен:

<code><div class="Feature borderRadius Items">
    <h2>Title
        <input type="checkbox" class="Item" name="featureName"/>
    </h2> 

   <div class="FeatureDetails subItems">                 
        <a href="@Url…">featureName</a>
        <input type="checkbox" class="subItem" name="subItemName"/>
   </div> <!-- endOf FeatureDetails -->
</code>

Код JQuery:

<code>    var isChecked = false;
    var features = new Array();
    var menuItems = new Array();
    var postData = new Array();
</code>

Здесь я заполняю функции, menuItems с помощью featureName / menuItemName и isChecked - логическое значение для каждой функции / menuItem

<code>menuItems.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
features.push({ "Name": $(this).attr('name'), "isChecked": isChecked });

postData.push({ "features": features, "menuItems": menuItems });
postData = JSON.stringify(postData);
</code>

Функция Ajax:

<code>    $(':submit').click(function () {

        postData.push({ "features": features, "menuItems": menuItems });
        postData = JSON.stringify(postData);

        $.ajax({
                 url: '@Url.Action("CheckPreferences")',
                 type: 'POST',
                 data: postData, 
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 traditional: true,
                 success: function () { window.alert('@Resource.AjaxSuccess'); },
                 error: function (event, request, settings) {  window.alert('@Resource.AjaxError' + ' : ' + settings); },
                 timeout: 20000
        }); //endOf $.ajax
    }); //endOf :submit.click function
</code>

Когда я делаю оповещение (postData), на стороне клиента оно содержит истинные значения для каждого элемента, но в контроллере postData.Features и postData.MenuItems равны нулю.

Я попытался передать только один массив в контроллер тоже:

<code> features = JSON.stringify(features);
</code>

в $ .ajax:

<code>{… data: features,…}
</code>

в контроллере:

<code> ActionResult CheckPreferences(IEnumerable<SJSonModel> features)
</code>

и все работает нормально, но я не знаю, как передать массив объектов json моему контроллеру. Поэтому я надеюсь получить ответ здесь :)

Большое спасибо.

В любом случае вы можете опубликовать объект JSON, который на самом деле возвращается на сервер? может быть, его не толкают правильно. попробуй fiddler и посмотри что за запрос на ajax Qpirate

Ваш Ответ

2   ответа
11

ть их как отдельные параметры в метод действия, например:

Предположим, у нас еще есть два ваших массива:

var features = new Array();
var menuItems = new Array();
menuItems.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
features.push({ "Name": $(this).attr('name'), "isChecked": isChecked });

Затем в своем вызове ajax JQuery сделайте следующее:

$.ajax({
        url: '@Url.Action("CheckPreferences")',
        type: 'POST',
        datatype: "json",
        traditional: true,
        data: { 
            menuItems: JSON.stringify(menuItems),
            features: JSON.stringify(features)
        },
        success: function () { window.alert('@Resource.AjaxSuccess'); },
        error: function (event, request, settings) {  
            window.alert('@Resource.AjaxError' + ' : ' + settings); },
        timeout: 20000
});

Тогда ваш метод контроллера должен быть:

[HttpPost]
public ActionResult CheckPreferences(string menuItems, string features)
{
    var js = new JavaScriptSerializer();
    var deserializedMenuItems = (object[])js.DeserializeObject(menuItems);
    var deserializedFeatures = (object[])js.DeserializeObject(features);
    var myFeatures = new List<SJSonModel>();
    var myMenuItems = new List<SJSonModel>();

    if (deserializedFeatures != null)
    {
        foreach (Dictionary<string, object> newFeature in deserializedFeatures)
        {
            myFeatures.Add(new SJSonModel(newFeature));
        }
    }

    if (deserializedMenuItems != null)
    {
        foreach (Dictionary<string, object> newMenuItem in deserializedMenuItems)
        {
            myMenuItems.Add(new SJSonModel(newMenuItem));
        }
    }

    var myModelList = new SJSonModelList(myFeatures, myMenuItems);

    return Json("");

Я также отредактировал ваши классы, добавив конструктор для работы с приведенным выше кодом, например так:

public class SJSonModel
{
    public SJSonModel(Dictionary<string, object> newFeature)
    {
        if (newFeature.ContainsKey("Name"))
        {
            Name = (string)newFeature["Name"];
        }
        if (newFeature.ContainsKey("isChecked"))
        {
            isChecked = bool.Parse((string)newFeature["isChecked"]);
        }
    }

    public string Name { get; set; }
    public bool isChecked { get; set; }
}

public class SJSonModelList
{
    public SJSonModelList(List<SJSonModel> features, List<SJSonModel> menuItems )
    {
        Features = features;
        MenuItems = menuItems;
    }

    public List<SJSonModel> Features { get; set; }
    public List<SJSonModel> MenuItems { get; set; }
}
Привет, спасибо за ваше сообщение. Я сделал это, но он не работает, значения элементов меню и функций равны нулю. lilux_m
Привет @LilitMR, проверь мое новое редактирование моего ответа. Я проверил этот точный код, и он отлично работает :)
Привет, спасибо большое, все отлично работает !!! :) lilux_m
Привет, большое спасибо за ваше сообщение. Я попробую в понедельник в офисе и быстро отвечу. Пройдите штраф МЫ :) lilux_m
Милая :). Не могли бы вы поставить галочку рядом с моим ответом и отметить меня как ответ? :)
1

определите postData как строку типа в вашем контроллере, а затем используйте JavascriptSerializer.Deserialize для десериализации JSON в ваш объект. Таким образом, вы также можете перехватывать любые ошибки, которые могут возникнуть во время десериализации, и отлаживать JSON, который передается. В одном я не уверен, если Deserializer ожидает совпадения имен полей в зависимости от регистра. Вы определяете свои массивы в модели как & quot; Функции & quot; и & quot; MenuItems & quot; в то время как в Javascript они определены как «функции» и & quot; menuItems & quot ;.

Привет, Кевин, спасибо за твои сообщения. Я просто неправильно использовал сериализацию, но теперь она работает нормально :) lilux_m
Проблема заключалась не в сериализации, а в postData: postData.push ({& quot; функции & quot ;: функции, & quot; menuItems & quot ;: menuItems}); postData = JSON.stringify (postData); ... $. ajax {... data: postData ...} lilux_m
Я должен сделать данные: {menuItems: JSON.stringify (menuItems), функции: JSON.stringify (функции)} lilux_m
то же самое, это не работает lilux_m
Что именно не сработало? Если вы отлаживаете приложение, можете ли вы увидеть JSON в строке, возвращаемой в контроллер? Или это не удастся при десериализации?

Похожие вопросы