一、说明

1.Asp.Net Mvc中Action的参数可以自动接收和反序列化form表单的值，

2.对于name=value类型，只要Action参数的变量名和input的name相同就行，不区分大小写

3.对于Model类型的，只要Action参数Model的字段名和input的name相同就行，不区分大小写

4.对于List类型，如下

二、List 基础数据类型提交

Html代码

     
    
      
       
       
         List 基础数据类型提交
       
    
      
    
      
        
       
            
        
                
                     
        
            
        
                
                     
        
            
                
       
    
      
     

Action接收

public JsonResult TestOne(List
     
       name){    return Json(name);}
     

参数传递：

显示结果：

三、List<Model>类型提交json数组

     
    
      
        
       
         List<Model> 数据类型提交（一）
       
    
      
    
      
        
       
            
        
                         
                              
            
ID
            
Name
           
                         
                         
                              
            
            
           
                              
            
            
           
                         
                    
            
                
       
    
      
     

使用Ajax提交

$('#submit1').click(function () {            var form = $(this).parents('form');            var result = [];            form.find('tbody tr').each(function () {                var thisItem = $(this);                result.push({                    ID: thisItem.find("input:eq(0)").val(),                    Name: thisItem.find('input:eq(1)').val()                })            });            $.post(form.attr('action'), {                stuList: result, //直接提交json数组            }, function (data) {                alert(data);            });            return false;        });

后台action接收处理

public JsonResult TestTwo(List
     
       stuList){    return Json(stuList);}
     

参数传递：

 

四、List<Model>类型提交之json数组字符串

HTML内容同上，

整合json数组，以字符串格式传递

$('#submit2').click(function () {    var form = $(this).parents('form');    var result = [];    var data = form.serializeArray();    for (var i = 0; i < data.length; i++) {        var item = data[i];        var stu_i = Math.floor(i / 2); //没2(对象的属性个数)个位一组，整合到一个对象中        if (!result[stu_i])            result[stu_i] = {}; //初始化数组中的对象        result[stu_i][item['name']] = item['value'];    }    console.info(result);    $.post(form.attr('action'), {        stuList: JSON.stringify(result), //提交json字符串，后台自己反序列化        other: 'test'    }, function (data) {        alert(data);    });    return false;});

action后台参数接收处理

public JsonResult TestThree(string stuList, string other = "没有内容"){    //自己反序列化处理，更灵活处理    List
     
       list = JsonConvert.DeserializeObject
      
       
        >(stuList);    return Json(new { stu = list, other = other });}
       
      
     

参数传递：

返回结果：

特别说明

提交的Josn数组整合方式1：从页面dom中获取

//处理方式1，从页面获取值var result = [];form.find('tbody tr').each(function () {    var thisItem = $(this);    result.push({        ID: thisItem.find("input:eq(0)").val(),        Name: thisItem.find('input:eq(1)').val()    })});

整合方式2：从表单的序列化数组中获取

var result = [];var data = form.serializeArray();for (var i = 0; i < data.length; i++) {    var item = data[i];    var stu_i = Math.floor(i / 2); //没2(对象的属性个数)个位一组，整合到一个对象中    if (!result[stu_i])        result[stu_i] = {}; //初始化数组中的对象    result[stu_i][item['name']] = item['value'];}console.info(result);

 

更多：