blocks|key|224849|text|格式化您的数据可能是问题所在。尝试执行以下任一操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224850|data:+'{+"things":'+%2B+JSON.stringify(things)+%2B+'}',|code-block|syntax|javascript|224851|或(来自How+can+I+post+an+array+of+string+to+ASP.NET+MVC+Controller+without+a+form?)|offset|length|224852|var+postData+=+{+things:+things+};
...
data+=+postData|224853|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/309115/how-can-i-post-an-array-of-string-to-asp-net-mvc-controller-without-a-form^0|0|0|4|23|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Formatting your data that may be the problem. Try either of these:

<pre><code>data: '{ "things":' + JSON.stringify(things) + '}',
</code></pre>

Or (from <a href="https://stackoverflow.com/questions/309115/how-can-i-post-an-array-of-string-to-asp-net-mvc-controller-without-a-form">How can I post an array of string to ASP.NET MVC Controller without a form?</a>)

<pre><code>var postData = { things: things };
...
data = postData
</code></pre>

blocks|key|443053|text|你就不能这么做吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|443054|var+things+=+[
++++{+id:+1,+color:+'yellow'+},
++++{+id:+2,+color:+'blue'+},
++++{+id:+3,+color:+'red'+}
];
$.post('@Url.Action("PassThings")',+{+things:+things+},
+++function+()+{
++++++++$('#result').html('"PassThings()"+successfully+called.');
+++});|code-block|syntax|javascript|443055|...and用来标记你的动作|443056|[HttpPost]
public+void+PassThings(IEnumerable<Thing>+things)
{
++++//+do+stuff+with+things+here...
}|443057|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Couldn't you just do this? 

<pre><code>var things = [
 { id: 1, color: 'yellow' },
 { id: 2, color: 'blue' },
 { id: 3, color: 'red' }
];
$.post('@Url.Action("PassThings")', { things: things },
 function () {
 $('#result').html('"PassThings()" successfully called.');
 });
</code></pre>

...and mark your action with 

<pre><code>[HttpPost]
public void PassThings(IEnumerable&lt;Thing&gt; things)
{
 // do stuff with things here...
}
</code></pre>

blocks|key|443071|text|如果您使用的是ASP.NET+Web+API，那么您应该只传递data:+JSON.stringify(things)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|443072|你的控制器应该看起来像这样：|443073|public+class+PassThingsController+:+ApiController
{
++++public+HttpResponseMessage+Post(List<Thing>+things)
++++{
++++++++//+code
++++}
}|code-block|syntax|javascript|443074|entityMap^0|V|S|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

If you are using ASP.NET Web API then you should just pass <code>data: JSON.stringify(things)</code>.

And your controller should look something like this:

<pre><code>public class PassThingsController : ApiController
{
 public HttpResponseMessage Post(List&lt;Thing&gt; things)
 {
 // code
 }
}
</code></pre>

blocks|key|224887|text|+++++var+List+=+@Html.Raw(Json.Encode(Model));
$.ajax({
++++type:+'post',
++++url:+'/Controller/action',
++++data:JSON.stringify({+'item':+List}),
++++contentType:+'application/json;+charset=utf-8',
++++success:+function+(response)+{
++++++++//do+your+actions
++++},
++++error:+function+(response)+{
++++++++alert("error+occured");
++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|224888|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> var List = @Html.Raw(Json.Encode(Model));
$.ajax({
 type: 'post',
 url: '/Controller/action',
 data:JSON.stringify({ 'item': List}),
 contentType: 'application/json; charset=utf-8',
 success: function (response) {
 //do your actions
 },
 error: function (response) {
 alert("error occured");
 }
});
</code></pre>

blocks|key|443113|text|来自@veeresh+I的修改|type|unstyled|depth|inlineStyleRanges|entityRanges|data|443114|+var+data=[

++++++++++++++++++++++++{+id:+1,+color:+'yellow'+},
++++++++++++++++++++++++{+id:+2,+color:+'blue'+},
++++++++++++++++++++++++{+id:+3,+color:+'red'+}
++++++++++++++++++++++++];+//parameter
++++++++var+para={};
++++++++para.datav=data;+++//datav+from+View


++++++++$.ajax({
++++++++++++++++++++traditional:+true,
++++++++++++++++++++url:+"/Conroller/MethodTest",
++++++++++++++++++++type:+"POST",
++++++++++++++++++++contentType:+"application/json;+charset=utf-8",
++++++++++++++++++++data:para,
++++++++++++++++++++success:+function+(data)+{
++++++++++++++++++++++++$scope.DisplayError(data.requestStatus);
++++++++++++++++++++}
++++++++++++++++});

In+MVC



public+class+Thing
++++{
++++++++public+int+id+{+get;+set;+}
++++++++public+string+color+{+get;+set;+}
++++}

++++public+JsonResult+MethodTest(IEnumerable<Thing>+datav)
++++++++{
+++++++//now++datav+is+having+all+your+values
++++++}|code-block|syntax|javascript|443115|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Modification from @veeresh i

<pre><code> var data=[

 { id: 1, color: 'yellow' },
 { id: 2, color: 'blue' },
 { id: 3, color: 'red' }
 ]; //parameter
 var para={};
 para.datav=data; //datav from View


 $.ajax({
 traditional: true,
 url: "/Conroller/MethodTest",
 type: "POST",
 contentType: "application/json; charset=utf-8",
 data:para,
 success: function (data) {
 $scope.DisplayError(data.requestStatus);
 }
 });

In MVC



public class Thing
 {
 public int id { get; set; }
 public string color { get; set; }
 }

 public JsonResult MethodTest(IEnumerable&lt;Thing&gt; datav)
 {
 //now datav is having all your values
 }
</code></pre>

blocks|key|443151|text|我能让它工作的唯一方法是将JSON作为字符串传递，然后使用JavaScriptSerializer.Deserialize<T>(string+input)对其进行反序列化，如果这是MVC4的默认反序列化器，那就很奇怪了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|443152|我的模型有嵌套的对象列表，使用JSON数据我能得到的最好的结果是最上面的列表包含正确的项数，但是项中的所有字段都为空。|443153|这种事情应该不会那么难。|443154|++++$.ajax({
++++++++type:+'POST',
++++++++url:+'/Agri/Map/SaveSelfValuation',
++++++++data:+{+json:+JSON.stringify(model)+},
++++++++dataType:+'text',
++++++++success:+function+(data)+{

++++[HttpPost]
++++public+JsonResult+DoSomething(string+json)
++++{
++++++++var+model+=+new+JavaScriptSerializer().Deserialize<Valuation>(json);|code-block|syntax|javascript|443155|entityMap^0|T|1D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|V|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

The only way I could get this to work is to pass the JSON as a string and then deserialise it using <code>JavaScriptSerializer.Deserialize&lt;T&gt;(string input)</code>, which is pretty strange if that's the default deserializer for MVC 4.

My model has nested lists of objects and the best I could get using JSON data is the uppermost list to have the correct number of items in it, but all the fields in the items were null.

This kind of thing should not be so hard.

<pre><code> $.ajax({
 type: 'POST',
 url: '/Agri/Map/SaveSelfValuation',
 data: { json: JSON.stringify(model) },
 dataType: 'text',
 success: function (data) {

 [HttpPost]
 public JsonResult DoSomething(string json)
 {
 var model = new JavaScriptSerializer().Deserialize&lt;Valuation&gt;(json);
</code></pre>

blocks|key|443181|text|用包含与MVC控制器所期望的参数名称匹配的属性的另一个对象包装对象列表是可行的。重要的一点是对象列表的包装器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|443182|$(document).ready(function+()+{
++++var+employeeList+=+[
++++++++{+id:+1,+name:+'Bob'+},
++++++++{+id:+2,+name:+'John'+},
++++++++{+id:+3,+name:+'Tom'+}
++++];++++++

++++var+Employees+=+{
++++++EmployeeList:+employeeList
++++}

++++$.ajax({
++++++++dataType:+'json',
++++++++type:+'POST',
++++++++url:+'/Employees/Process',
++++++++data:+Employees,
++++++++success:+function+()+{++++++++++
++++++++++++$('#InfoPanel').html('It+worked!');
++++++++},
++++++++failure:+function+(response)+{++++++++++
++++++++++++$('#InfoPanel').html(response);
++++++++}
++++});+
});


public+void+Process(List<Employee>+EmployeeList)
{
++++var+emps+=+EmployeeList;
}

public+class+Employee
{
++++public+int+Id+{+get;+set;+}
++++public+string+Name+{+get;+set;+}
}|code-block|syntax|javascript|443183|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Wrapping your list of objects with another object containing a property that matches the name of the parameter which is expected by the MVC controller works.
The important bit being the wrapper around the object list.

<pre><code>$(document).ready(function () {
 var employeeList = [
 { id: 1, name: 'Bob' },
 { id: 2, name: 'John' },
 { id: 3, name: 'Tom' }
 ]; 

 var Employees = {
 EmployeeList: employeeList
 }

 $.ajax({
 dataType: 'json',
 type: 'POST',
 url: '/Employees/Process',
 data: Employees,
 success: function () { 
 $('#InfoPanel').html('It worked!');
 },
 failure: function (response) { 
 $('#InfoPanel').html(response);
 }
 }); 
});


public void Process(List&lt;Employee&gt; EmployeeList)
{
 var emps = EmployeeList;
}

public class Employee
{
 public int Id { get; set; }
 public string Name { get; set; }
}
</code></pre>

blocks|key|225019|text|这是它对我来说很好的工作方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|225020|var+things+=+[
++++{+id:+1,+color:+'yellow'+},
++++{+id:+2,+color:+'blue'+},
++++{+id:+3,+color:+'red'+}
];

$.ajax({
++++ContentType:+'application/json;+charset=utf-8',
++++dataType:+'json',
++++type:+'POST',
++++url:+'/Controller/action',
++++data:+{+"things":+things+},
++++success:+function+()+{
++++++++$('#result').html('"PassThings()"+successfully+called.');
++++},
++++error:+function+(response)+{
++++++++$('#result').html(response);
++++}
});|code-block|syntax|javascript|225021|用大写"C“写"ContentType”。|225022|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is how it works fine to me:

<pre><code>var things = [
 { id: 1, color: 'yellow' },
 { id: 2, color: 'blue' },
 { id: 3, color: 'red' }
];

$.ajax({
 ContentType: 'application/json; charset=utf-8',
 dataType: 'json',
 type: 'POST',
 url: '/Controller/action',
 data: { "things": things },
 success: function () {
 $('#result').html('"PassThings()" successfully called.');
 },
 error: function (response) {
 $('#result').html(response);
 }
});
</code></pre>

With "ContentType" in capital "C".

blocks|key|443243|text|在asp.net+Core3.1中删除contentType对我来说很有效|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|443244|所有其他方法都失败了|443245|entityMap^0|J|B|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

Removing <code>contentType</code> just worked for me in asp.net core 3.1
All other methods failed

blocks|key|443293|text|我可以确认，在asp.net+Core2.1上，删除内容类型可以使我的ajax调用工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|443294|function+PostData()+{
++++var+answer+=+[];

++++for+(let+i+=+0;+i+<+@questionCount;+i%2B%2B)+{
++++++++answer[i]+=+$(`#FeedbackAnswer${i}`).dxForm("instance").option("formData");
++++}

++++var+answerList+=+{+answers:+answer+}

++++$.ajax({
++++++++type:+"POST",
++++++++url:+"/FeedbackUserAnswer/SubmitForm",
++++++++data:+answerList+,
++++++++dataType:+'json',
++++++++error:+function+(xhr,+status,+error)+{+},
++++++++success:+function+(response)+{+}
++++});
}|code-block|syntax|javascript|443295|[HttpPost]
public+IActionResult+SubmitForm(List<Feedback_Question>+answers)
{}|443296|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I can confirm that on asp.net core 2.1, removing the content type made my ajax call work.
<pre class="lang-js prettyprint-override"><code>function PostData() {
 var answer = [];

 for (let i = 0; i &lt; @questionCount; i++) {
 answer[i] = $(`#FeedbackAnswer${i}`).dxForm(&quot;instance&quot;).option(&quot;formData&quot;);
 }

 var answerList = { answers: answer }

 $.ajax({
 type: &quot;POST&quot;,
 url: &quot;/FeedbackUserAnswer/SubmitForm&quot;,
 data: answerList ,
 dataType: 'json',
 error: function (xhr, status, error) { },
 success: function (response) { }
 });
}
</code></pre>
<pre class="lang-cs prettyprint-override"><code>[HttpPost]
public IActionResult SubmitForm(List&lt;Feedback_Question&gt; answers)
{}
</code></pre>

I'm trying to pass an array of objects into an MVC controller method using
jQuery's ajax() function. When I get into the PassThing() C# controller method,
the argument "things" is null. I've tried this using a type of List for
the argument, but that doesn't work either. What am I doing wrong?

<pre><code>&lt;script type="text/javascript"&gt;
 $(document).ready(function () {
 var things = [
 { id: 1, color: 'yellow' },
 { id: 2, color: 'blue' },
 { id: 3, color: 'red' }
 ];

 $.ajax({
 contentType: 'application/json; charset=utf-8',
 dataType: 'json',
 type: 'POST',
 url: '/Xhr/ThingController/PassThing',
 data: JSON.stringify(things)
 });
 });
&lt;/script&gt;

public class ThingController : Controller
{
 public void PassThing(Thing[] things)
 {
 // do stuff with things here...
 }

 public class Thing
 {
 public int id { get; set; }
 public string color { get; set; }
 }
}
</code></pre>

Passing A List Of Objects Into An MVC Controller Method Using jQuery Ajax

jQuery

JSON

我尝试使用jQuery的ajax()函数将一个对象数组传递给一个MVC控制器方法。当我进入PassThing() C#控制器方法时，参数"things“为空。我尝试过使用List类型作为参数，但也不起作用。我做错了什么？<script type="text/javascript"> $(document).rea...

问使用jQuery Ajax将对象列表传递给MVC控制器方法
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery Ajax将对象列表传递给MVC控制器方法EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery Ajax将对象列表传递给MVC控制器方法
EN