[Tool]HttpWatch與Ajax JSON奇遇記

2012-11-09

11629
0
ASP.NET MVC

環境:Windows 8, IE10, HttpWatch 8.5, Asp.NET MVC 4

因為目前網頁大多會使用Ajax，所以小弟常常會開著HttpWatch來看Get/Post的相關資料，但事情就是這樣發的。

事情是發生在2012/11/08下午的時候，小弟使用$.ajax Post 資料到Asp.NET MVC 4 Controller時，發生錯誤。

js Code如下，


$.ajax({
	type: 'POST',
	cache: false,
	dataType: 'json',
	url: '../s/todo/InstructWorkList',
	data: '[{"WorkItemId":"123","State":"Agree","Comment":""}]',
	contentType: 'application/json; charset=utf-8',
	async: false,
	success: function (data) {
		alert(data);
	},
	error: function (data) {
		alert(data);
	}
});

Controller Code如下，


public class Instruction
{
	public string WorkItemId { get; set; }
	public string State { get; set; }
	public string Comment { get; set; }
}

public ActionResult InstructWorkList(List<Instruction> instructions)
{
	return Json(instructions);
}

透過HttpWatch來看，發現Controller在接收 List<Instruction> 時接到的物件是null。

找章魚發來一起研究，還是沒有頭序，從HttpWatch中看到應該是對的呀!

但是Controller的Method接到的物件卻都是null，而且接到的TotalByte數居然是0，如下圖，