Posting array of JSON objects to MVC3 action method via jQuery ajax

最新推荐文章于 2021-08-06 12:07:45 发布

Pipi0714

最新推荐文章于 2021-08-06 12:07:45 发布

阅读量1.0k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java/JSP/ASP/ 文章标签： mvc jquery json action function object

本文链接：https://blog.youkuaiyun.com/pipi0714/article/details/7950676

Java/JSP/ASP/ 专栏收录该内容

51 篇文章

订阅专栏

本文介绍如何使用jQuery的AJAX功能将表单数据序列化为JSON对象，并将其发送到MVC3控制器进行处理。通过自定义的jQuery插件实现表单数据的收集与转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标题知道含义但是不知如何精确翻译。献丑翻译：JQuery ajax将JSON对象传递给MVC3控制器。

但是实际功能：

将表单里面所有的标签的值转换为object，将此object传递给MVC3控制器。当然了，这里不单单指这种使用方法，估计这是最常用。一句话：jQuery可将object传递给MVC3控制器作为参数。

MVC Control:

[HttpPost]
public ActionResult Create(NetworkGrain.Models.Action model)
{
}

javascript:

下载插件或者使用下面的代码

jQuery.serializeObject.js 网上下载或者代码如下：

jQuery.fn.serializeObject = function () {
        var arrayData, objectData;
        arrayData = this.serializeArray();
        objectData = {};
        $.each(arrayData, function () {
            var value;
            if (this.value != null) {
                value = this.value;
            } else {
                value = '';
            }
            if (objectData[this.name] != null) {
                if (!objectData[this.name].push) {
                    objectData[this.name] = [objectData[this.name]];
                }
                objectData[this.name].push(value);
            } else {
                objectData[this.name] = value;
            }
        });
        return objectData;
    };

注意，这可能有新版。

调用的代码

var param = $("#form").serializeObject();
$.ajax({
url:"/Action/Create",
global:false,
cache:false,
type:"POST",
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(param),
success:function(){
}
});

大家试试，很好！