在使用MVC时，向服务器端发送POST请求时有时需要传递数组作为参数值

下面使用例子说明，首先看一下Action

[HttpPost]

public ActionResult Test(List<string> model)

{

    return Json(null, JsonRequestBehavior.AllowGet);

}

方式一，构造表单元素，然后调用serialize()方法得到构造参数字符串

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Test</title>

</head>

<body>

    <div>

        <input type="button" id="btnAjax" value="发送请求" />

    </div>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <script type="text/javascript">

        var tmp = '<input type="hidden" name="model" value="1" /><input type="hidden" name="model" value="2" />';

        $(function () {

            $("#btnAjax").click(function () {

                $.ajax({

                    url: '@Url.Action("Test")',

                    type: 'POST',

                    data: $(tmp).serialize(),

                    success: function (json) {

                        console.log(json);

                    }

                });

            });

        });

    </script>

</body>

</html>

调试模式监视参数，当点击按钮时，监视得到的参数如下

方式二：使用JavaScript对象作为参数传值，参数名是与Action方法对应的参数名，参数值是JavaScript数组

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Test</title>

</head>

<body>

    <div>

        <input type="button" id="btnAjax" value="发送请求" />

    </div>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <script type="text/javascript">

        //var tmp = '<input type="hidden" name="model" value="1" /><input type="hidden" name="model" value="2" />';

        var array = ["abc","123"];

        $(function () {

            $("#btnAjax").click(function () {

                $.ajax({

                    url: '@Url.Action("Test")',

                    type: 'POST',

                    data: {

                        model:array

                    },

                    success: function (json) {

                        console.log(json);

                    }

                });

            });

        });

    </script>

</body>

</html>

方式三，使用Json作为参数请求，此时Ajax需要声明Content-Type为application/json

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Test</title>

</head>

<body>

    <div>

        <input type="button" id="btnAjax" value="发送请求" />

    </div>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>

    <script type="text/javascript">

        //var tmp = '<input type="hidden" name="model" value="1" /><input type="hidden" name="model" value="2" />';

        //var array = ["abc","123"];

        $(function () {

            $("#btnAjax").click(function () {

                $.ajax({

                    url: '@Url.Action("Test")',

                    type: 'POST',

                    contentType:'application/json;charset=utf-8',

                    data: JSON.stringify({

                        model:["hello","welcome"]

                    }),

                    success: function (json) {

                        console.log(json);

                    }

                });

            });

        });

    </script>

</body>

</html>

上面的例子使用的是ASP.NET MVC 5

Jquery Ajax向服务端传递数组参数值的更多相关文章

  1. 使用jquery的$.ajax向服务端传递中文，避免乱码的解决办法！

    在js里,对中文使用下面的方法 encodeURIComponent(var) 函数 就ok了!

  2. jquery.ajax的url中传递中文乱码问题的解决方法

    jquery.ajax的url中传递中文乱码问题的解决方法   JQuery JQuery默认的contentType:application/x-www-form-urlencoded 这才是JQu ...

  3. Ajax轮询——“定时的通过Ajax查询服务端”

    Ajax轮询——"定时的通过Ajax查询服务端". 概念: 轮询(polling):客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. 百闻 ...

  4. ajax如何向后台传递数组，在后台该如何接收的问题（项目积累）

    一.后台如何接收从前台接收的数组: 使用request.getParameterValues(String xxx); <input type="text" name=&qu ...

  5. Ajax轮询——定时的通过Ajax查询服务端

    概念:轮询(polling):客户端按规定时间定时向服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. test.html     //前端代码 <html> <h ...

  6. 使用ajax向服务端发送Form中的数据

    前端代码: <form action="" id="myFormUpdate"> <p>宠物名称: <input type=&qu ...

  7. aJax提交——服务端不能用request存储数据，session存数据客户端可以接收到

    aJax提交与普通提交是两种迥异的提交方式,这两种提交方式决定了客户端与服务端交互时存储.传输数据的方式也不同. aJax提交,客户端的请求数据存储在data中,服务端用request.getPara ...

  8. jQuery.ajax 调用 服务（.aspx，.asmx）

    方法1:Post(json)+IIS下://aspx,适用本机 $.ajax({ url: "TpgConnect_Rain/postgreService.aspx/getRainInfo& ...

  9. 关于 jquery+ajax向asp.net传递json的问题研究（呕心沥血、柳暗花明）

    第一种方法:字典的方法 //质检不合格 $('#Button3').click(function () { if (!confirm('确定质检不合格吗?')) return; var obj = n ...

随机推荐

  1. sql 保留两位小数

    select convert(decimal(18,2),1800.2669)

  2. Linux运维中遇到的常见问题

    1.CentOS启动tomcat出现乱码的解决方案1.打开tomcat下的server.xml配置文件,在connect标签中添加编码属性:URIEncoding="UTF-8"2 ...

  3. java学习-zxing生成二维码矩阵的简单例子

    这个例子需要使用google的开源项目zxing的核心jar包 core-3.2.0.jar 可以百度搜索下载jar文件,也可使用maven添加依赖 <dependency> <gr ...

  4. dockerfile基础命令

    一直想写一个, 但发现网上有很多了, 直接copy把 如何使用 Dockerfile用来创建一个自定义的image,包含了用户指定的软件依赖等.当前目录下包含Dockerfile,使用命令build来 ...

  5. Week4——结对练习&团队作业1

    Deadline: 2017-10-14 10:00PM,以博客发表日期为准. 评分基准: 按时交 - 有分(结对代码-10分,结对博客-10分,团队博客-10分),检查的项目包括后文的三个方面 按要 ...

  6. CUBA 7 新特性 (下篇)

    上篇我们主要介绍了 CUBA 7 中前端的一些主要功能.这篇我们介绍一下中间件的一变化和新特性. 中间件功能 前面关于新的界面 API 的描述内容比我预期的要多许多,所以在这一节,我会尽量简单点说! ...

  7. nodejs --- 上传文件并保存到磁盘

    先复习下整个请求的过程 const express = require('express'); const static = require('express-static'); const cook ...

  8. Docker run centos 中文乱码，时区不对 问题解决

    开心得写代码,结果用Docker部署发现中文全是问号... 调了半天编码,最后发现不是代码得问题..坑爹.. dokcer 的 centos镜像不带中文,时区也不是中国,所以要自己设置.. #设置时区 ...

  9. hadoop学习笔记（十一）：MapReduce数据类型

    一.序列化 1 hadoop自定义了数据类型,在hadoop中,所有的key/value类型必须实现Writable接口.有两个方法,一个是write,一个是readFileds.分别用于读(反序列化 ...

  10. Java常见对象之String

    String类的概述 String 类代表字符串.Java 程序中的所有字符串字面值(如 "abc" )都作为此类的实例实现.字符串是常量,一旦被赋值,就不能被改变. String ...