asp.net中mvc使用ajax提交参数的匹配问题解决探讨

//用于MVC参数适配JavaScript闭包函数
/*
使用方式如下：
$.ajax({
url: "@Url.Action("AjaxTest")",
data: mvcParamMatch("",sendData),//在此转换json格式，用于mvc参数提交
dataType: "json",
type: "post",
success:function(result) {
alert(result.Message);
}
});
*/
var mvcParamMatch = (function () {
var MvcParameterAdaptive = {};
//验证是否为数组
MvcParameterAdaptive.isArray = Function.isArray || function (o) {
return typeof o === "object" &&
Object.prototype.toString.call(o) === "[object Array]";
};
//将数组转换为对象
MvcParameterAdaptive.convertArrayToObject = function (/*数组名*/arrName,/*待转换的数组*/array,/*转换后存放的对象，不用输入*/saveOjb) {
var obj = saveOjb || {};
function func(name,arr) {
for (var i in arr) {
if (!MvcParameterAdaptive.isArray(arr[i]) && typeof arr[i] === "object") {
for (var j in arr[i]) {
if (MvcParameterAdaptive.isArray(arr[i][j])) {
func(name + "[" + i + "]." + j,arr[i][j]);
} else if (typeof arr[i][j] === "object") {
MvcParameterAdaptive.convertObject(name + "[" + i + "]." + j + ".",arr[i][j],obj);
} else {
obj[name + "[" + i + "]." + j] = arr[i][j];
}
}
} else {
obj[name + "[" + i + "]"] = arr[i];
}
}
}
func(arrName,array);
return obj;
};
//转换对象
MvcParameterAdaptive.convertObject = function (/*对象名*/objName,/*待转换的对象*/turnObj,tobj) {
for (var i in tobj) {
if (MvcParameterAdaptive.isArray(tobj[i])) {
MvcParameterAdaptive.convertArrayToObject(i,tobj[i],obj);
} else if (typeof tobj[i] === "object") {
func(name + i + ".",tobj[i]);
} else {
obj[name + i] = tobj[i];
}
}
}
func(objName,turnObj);
return obj;
};
return function (json,arrName) {
arrName = arrName || "";
if (typeof json !== "object") throw new Error("请传入json对象");
if (MvcParameterAdaptive.isArray(json) && !arrName) throw new Error("请指定数组名，对应Action中数组参数名称！");
if (MvcParameterAdaptive.isArray(json)) {
return MvcParameterAdaptive.convertArrayToObject(arrName,json);
}
return MvcParameterAdaptive.convertObject("",json);
};
})();

var sendData = {
"Comment": "qqq",
"Ajax1": { "Name": "sq","Age": 55,"Ajax3S": { "Ajax3Num": 234 } },
"Ajax2S": [{ "Note": "aaa","Num": 12,"Ajax1S": [{ "Name": "sq1","Age": 22,"Ajax3S": { "Ajax3Num": 456 } },{ "Name": "sq2","Age": 33,"Ajax3S": { "Ajax3Num": 789 } }] },
{ "Note": "bbb","Num": 34,"Ajax1S": [{ "Name": "sq3","Age": 44,"Ajax3S": { "Ajax3Num": 654 } },{ "Name": "sq4","Age": 987 }] }]
};


$.ajax({
url: "@Url.Action("AjaxTest")",
/*
在此使用闭包函数转换json对象，如果你的json对象自身就是个数组Array，
那么需要指定一个名称，这个名称对应于Action中这个数组参数的名称像这样
　　　　　　　　　　　　data:mvcParamMatch(sendData,"Action中所对应的参数名称")
*/
data: mvcParamMatch(sendData),
dataType: "json",
success:function(result) {
alert(result.Message);
},
error:function(a,b,c) {
}
});

public class AjaxParamModels
{
public string Comment { set; get; }
public Ajax1 Ajax1 { set; get; }
public List<Ajax2> Ajax2S { set; get; }
}
public class Ajax1
{
public string Name { set; get; }
public int Age { set; get; }
public Ajax3 Ajax3S { set; get; }
}
public class Ajax2
{
public string Note { set; get; }
public int Num { set; get; }
public List<Ajax1> Ajax1S { set; get; }
}
public class Ajax3
{
public int Ajax3Num { set; get; }
}

public class TestController : Controller
{
//
// GET: /Test/
public ActionResult Index()
{
return View();
}
public ActionResult AjaxTest(Models.AjaxParamModels model)
{
//在此可访问model
return Json(new {Message = "qqqqq"});
}
}