Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Отправка нескольких элементов в контроллер MVC через jQuery.Ajax

Автор вопроса: DamienОтветов: 3

Если вы сериализуете форму с помощью чего-то вроде jQuery, он часто сопоставляет ключи и значения JSON со свойствами объекта в действии контроллера, в которое вы отправляете сообщения. Так:

jQuery:

function PostForm() {
    $.ajax({
        url: "/Home/TestMVC",
        type: "POST",
        dataType: "application/JSON",
        data:  $('#form').serialize(),
        complete: callFunction
        }
    });

Предполагая, что основные сведения содержат элементы, которые будут иметь имя параметра в качестве ключа, они должны напрямую сопоставляться с объектом:

Действие:

public void TestMVC(MyObject obj)
{
//Obj should now contain the data from the serialised form
}

ПОЧТА:

Name: "Bob"
Age: "999"
Sex: "Unknown"

Кто-нибудь знает, как это работает? Он ломается каждый раз, когда я передаю форму и любые дополнительные данные контроллеру.

Я хотел бы отправить содержимое данных, а также QueryString, который может содержать любое количество и типы пар ключ/значение в контроллер. Я могу извлечь эти пары ключ/значение на сервере, так как не могу создать для них объект в сигнатуре метода. Однако это не работает должным образом.

jQuery:

function PostForm() {

    $.ajax({
        url: "/Home/TestMVC",
        type: "POST",
        dataType: "application/JSON",
        data:
        {
           Obj: $('#form').serialize(),
           TheWeirdQueryString: $('.additionalParams').serialize(),
        }
    });
};

Действие:

public void TestMVC(MyObject obj, String TheWeirdQueryString)
{
//Obj now does NOT contain the element, it is NULL. Whereas TheWeirdQueryString works fine.
}

Почта:

Obj: name=bob&age=999&sex="unknown"
TheWeirdQueryString: param1=1&param2=2

Я думаю, это потому, что я фактически создал объект JSON в качестве данных и установил свойства для имени объекта.

Существует разница в значениях POST, которые появляются в Firebug. Когда я отправляю только объект, значения POST - это все ключи объекта/формы с соответствующими значениями. Во втором примере есть два простых свойства: имя, которое я им дал, каждое из которых содержит QueryString (Foo=1&Bar=2), и MVC не может сопоставить QueryString с элементами объекта (или так может выглядеть).

Можно ли вообще работать так, как в первом случае, а также отправлять дополнительные данные во второй аргумент действия? Я предполагаю, что нужно добавить дополнительное свойство ко всем существующим, созданным, когда jquery выполняет сериализацию формы.

POST, который я действительно хочу, это:

Name: "Bob"
Age: "999"
Sex: "Unknown"
TheWeirdQueryString: param1=1&param2=2
  • Можете ли вы опубликовать значения POST, которые вы видите для обоих сценариев? Я не совсем понимаю ваше описание. John G 16.06.2009
  • Сделанный. Последний пример - это пост, который я пытаюсь сделать. Damien 16.06.2009

jsonargumentscontrollerjquery

Ответы

Ответ 1 · рейтинг 5 · eu-ge-ne

Параметр dataType в методе $.ajax - это тип ответа (тип данных, которые вы ожидаете получить от сервера), а не запрос. Попробуйте это вместо этого:

function PostForm() {
    $.ajax({
        url: "/Home/TestMVC",
        type: "POST",
        dataType: "application/JSON",
        data: $('#form').serialize() + "&" + $('.additionalParams').serialize()
    });
};

or:

function PostForm() {
    $.ajax({
        url: "/Home/TestMVC" + "?" + $('.additionalParams').serialize(),
        type: "POST",
        dataType: "application/JSON",
        data: $('#form').serialize()
    });
};

ОБНОВЛЕНО:

Попробуй это:

Контроллер:

public void TestMVC(MyObject obj, String[] TheWeirdQueryString)
{
}

Клиент:

function PostForm() {
    $.ajax({
        url: "/Home/TestMVC",
        type: "POST",
        dataType: "application/JSON",
        data: $('#form').serialize() + "&" + $('.additionalParams').serialize()
    });
};

но на стороне клиента ваши дополнительные параметры должны быть в следующем формате:

TheWeirdQueryString[0]=param1&TheWeirdQueryString[1]=param2&...&TheWeirdQueryString[n]=paramN

поэтому элементы $('.additionalParams') должны иметь атрибуты "id" и/или "name", такие как: TheWeirdQueryString[1], TheWeirdQueryString[2] ... TheWeirdQueryString[N]

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

Ответ 2 · Elzo Valugi

Данные - это объект

...
data: {
    x :$('#form').serialize(),
    y:'something else'
}
...

Ответ 3 · eu-ge-ne

Другое решение, если вам нужен словарь пар ключ/значение:

public void TestMVC(MyObject obj, IDictionary<string, object> TheWeirdQueryString)
{
}

Клиент:

function PostForm() {
    $.ajax({
        url: "/Home/TestMVC",
        type: "POST",
        dataType: "application/JSON",
        data: $('#form').serialize() + "&" + $('.additionalParams').serialize()
    });
};

Формат $('.additionalParams').serialize():

TheWeirdQueryString[0].Key=param0&TheWeirdQueryString[0].Value=value0&TheWeirdQueryString[1].Key=param1&TheWeirdQueryString[1].Value=value1&...&TheWeirdQueryString[n].Key=paramN&TheWeirdQueryString[n].Value=valueN

ОБНОВЛЕНО:

Вам нужно что-то вроде этого:

<input class="additionalParams" type="text" name="TheWeirdQueryString[0].Key" value="param0" />
<input class="additionalParams"type="text" name="TheWeirdQueryString[0].Value" value="value0" />
<!-- ... -->
<input class="additionalParams"type="text" name="TheWeirdQueryString[n].Key" value="paramN" />
<input class="additionalParams"type="text" name="TheWeirdQueryString[n].Value" value="valueN" />

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы