zoukankan      html  css  js  c++  java
  • MVC中用ajax提交json对象数组

    应用场景:在前端用ajax向服务器提交json对象数组,在controller的以对象数组作为函数的参数,提交的json数组直接转为服务器端的对象数组。

    如:

    要将json对象数组[{Id:1,Name:"AA"},{Id:2,Name:"BB"}]  用ajax提交,

    Controller代码:

     public EmptyResult Save(Models.User[] users)
     {
         return new EmptyResult();
     }

     

    方法一:

    在前端将json对象用以下方式提交

    var url = "http://localhost:8848/User/Save";
    var data = {};
    data["users[0].Id"] = 1;
    data["users[0].Name"] = "AA";
    data["users[1].Id"] = 2;
    data["users[1].Name"] = "BB";
    $.post(url, data, function () {
        alert("提交成功");
    });

    方法二:

     在服务器端自定义ValueProvider

    public class JsonArrayValueProviderFactory : ValueProviderFactory
    {
        public override IValueProvider GetValueProvider(ControllerContext controllerContext)
        {
            var formValues = controllerContext.HttpContext.Request.Form;
    
            var values = new Dictionary<string, object>();
            Regex regex = new Regex(@"[[A-Za-z]*]");
            for (int i = 0; i < formValues.Count; i++)
            {
                string key = formValues.Keys[i];
                var matchs = regex.Matches(key);
                if (matchs.Count > 0)
                {
                    foreach (Match match in matchs)
                    {
                        if (match.Value != "[]")
                            key = key.Replace(match.Value, "." + match.Value.Trim('[', ']'));
                    }
                    if (key.EndsWith("[]"))
                        values.Add(key.Replace("[]", ""), formValues.GetValues(i));
                    else
                        values.Add(key, formValues[i]);
                }
            }
    
            return new DictionaryValueProvider<object>(values, System.Globalization.CultureInfo.InvariantCulture);
        }
    }
    View Code

    添加自定义的ValueProvider,可以再Application_Start执行
    ValueProviderFactories.Factories.Add(new JsonArrayValueProviderFactory());

    前端:

    var url = "http://localhost:8848/User/Save";
    var data = { users: [{ Id: 1, Name: "AA" }, { Id: 2, Name: "BB"}] };
    $.post(url, data, function () {
        alert("提交成功");
    });

  • 相关阅读:
    记一次与用户的亲密接触
    拨开障目的叶,一览CMDB庐山真面目
    广通软件获“2016年度中国最具影响力IT运维管理软件提供商”殊荣
    CMDB三大绝招,助我站稳运维之巅
    datetime module总结
    Python time module总结
    IPMItool小结
    Python selenium 延时的几种方法
    Python 字典操作
    YUM 配置
  • 原文地址:https://www.cnblogs.com/zengyy/p/3378077.html
Copyright © 2011-2022 走看看