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

Question

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

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 
} 

POST:

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 

Answer 1

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

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

или:

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() 
    }); 
}; 

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

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

так: $ (». AdditionalParams') элементы должны иметь "идентификатор" и/или«имя "атрибуты, как: TheWeirdQueryString [1], TheWeirdQueryString [2] ... TheWeirdQueryString [N]

Надеется, что это помогает

Answer 2

данных являются объектом

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

Answer 3

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

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

$ (»additionalParams.) Сериализации()::

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

Client.

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" />