我们总结一下用js请求服务器的传参方法。

Get方式

Get主要是用来查询，一般分为无参，一个参数，多个参数，实体对象参数。

1、无参

//Get没有参数
var get_f1 = function() {
$.ajax({
type: "get",
url: "/api/Demo",
success: function(data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Get没有参数

        var get_f1 = function() {

            $.ajax({

                type: "get",

                url: "/api/Demo",

                success: function(data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

2、一个参数

//Get一个参数
var get_f2 = function() {
$.ajax({
type: "get",
url: "/api/Demo",
data: { strQuery: JSON.stringify({ Id: "1", Name: "Jim", CreateTime: "1988-09-11" }) },
contentType: "application/json",
success: function(data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Get一个参数

        var get_f2 = function() {

            $.ajax({

                type: "get",

                url: "/api/Demo",

                data: { strQuery: JSON.stringify({ Id: "1", Name: "Jim", CreateTime: "1988-09-11" }) },

                contentType: "application/json",

                success: function(data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

后台控制器方法

/// <summary>
/// 一个参数
/// </summary>
/// <param name="strQuery"></param>
/// <returns></returns>
[HttpGet]
public string Get(string strQuery)
{
//一个参数的时候，如果前端是传过来的是字符串的json可以反序列化成对象。
//TbCharging oData = Newtonsoft.Json.JsonConvert.DeserializeObject<TbCharging>(strQuery);
//return String.Format("{0},{1},{2},{3}", oData.Id, oData.Name, oData.Des, oData.CreateTime.ToString("yyyy-MM-dd hh:mm:ss"));
return "一个参数" + strQuery;
}

        /// <summary>

        /// 一个参数

        /// </summary>

        /// <param name="strQuery"></param>

        /// <returns></returns>

        [HttpGet]

        public string Get(string strQuery)

        {

            //一个参数的时候，如果前端是传过来的是字符串的json可以反序列化成对象。

            //TbCharging oData = Newtonsoft.Json.JsonConvert.DeserializeObject<TbCharging>(strQuery);

            //return String.Format("{0},{1},{2},{3}", oData.Id, oData.Name, oData.Des, oData.CreateTime.ToString("yyyy-MM-dd hh:mm:ss"));

            return "一个参数" + strQuery;

        }

备注：在Get方式的时候我们也可以把参数放在url，我这里为了前台写得统一些，全都放在data里面，感觉好看一点。

3、多个参数

//Get多个参数
var get_f3 = function() {
$.ajax({
type: "get",
url: "/api/Demo",
data: { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },
success: function(data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Get多个参数

        var get_f3 = function() {

            $.ajax({

                type: "get",

                url: "/api/Demo",

                data: { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },

                success: function(data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

后台控制器方法

/// <summary>
/// 多个参数
/// </summary>
/// <param name="Id"></param>
/// <param name="Name"></param>
/// <param name="CreateTime"></param>
/// <returns></returns>
[HttpGet]
public string Get(int Id, string Name, DateTime CreateTime)
{
return String.Format("多个参数,{0},{1},{2}", Id, Name, CreateTime.ToString("yyyy-MM-dd hh:mm:ss"));
}

        /// <summary>

        /// 多个参数

        /// </summary>

        /// <param name="Id"></param>

        /// <param name="Name"></param>

        /// <param name="CreateTime"></param>

        /// <returns></returns>

        [HttpGet]

        public string Get(int Id, string Name, DateTime CreateTime)

        {

            return String.Format("多个参数,{0},{1},{2}", Id, Name, CreateTime.ToString("yyyy-MM-dd hh:mm:ss"));

        }

4、一个实体对象参数

//Get实体对象作为参数
var get_f4 = function() {
$.ajax({
type: "get",
url: "/api/Demo/GetModel",
data: { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },
success: function(data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Get实体对象作为参数

        var get_f4 = function() {

            $.ajax({

                type: "get",

                url: "/api/Demo/GetModel",

                data: { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },

                success: function(data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

备注：到这里有没有发现多个参数和一个实体对象的请求方法是一样的，假如两个接收的方法都写在同一个控制器里面的话，路由是区分不出来要匹配那个方法处理，

所以要用自定义路由来区分，在WebApi里面改方法名字是没有用的。

后台控制器方法

/// <summary>
/// 一个实体对象参数
/// </summary>
/// <param name="oData"></param>
/// <returns></returns>
[HttpGet]
[Route("GetModel")]
public string Get([FromUri]TbCharging oData)
{
return String.Format("一个实体对象参数，{0},{1},{2},{3}", oData.Id, oData.Name, oData.Des, oData.CreateTime.ToString("yyyy-MM-dd hh:mm:ss"));
}

        /// <summary>

        /// 一个实体对象参数

        /// </summary>

        /// <param name="oData"></param>

        /// <returns></returns>

        [HttpGet]

        [Route("GetModel")]

        public string Get([FromUri]TbCharging oData)

        {

            return String.Format("一个实体对象参数，{0},{1},{2},{3}", oData.Id, oData.Name, oData.Des, oData.CreateTime.ToString("yyyy-MM-dd hh:mm:ss"));

        }

备注：在使用Get传递实体对象参数的时候要注意，因为Get方式的时候参数是写在url的，所以我们在后台用[FromBody]是拿不到实体参数的，需要写[FromUri]才行。

Post方式

Post方式我们一般用来做增、删、改操作。在WebApi中Post仅仅用来做增加操作，修改用Put，删除用Delete。这些在新建模板的时候就自动为我们生成了。

还有要提一下的是Post只能传递一个参数，如果需要多个参数的时候我们需要把它们合并成一个扩展对象，当做对象来传递。

在后台接收的时候我们需要在参数列表里面写上[ print ?

//Post一个参数
var post_f1 = function() {
$.ajax({
type: "post",
url: "/api/Demo",
data: { "": "Jim" },
//data: "=Jim", //两种写法，其他写法获取不到值
success: function(data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Post一个参数

        var post_f1 = function() {

            $.ajax({

                type: "post",

                url: "/api/Demo",

                data: { "": "Jim" },

                //data: "=Jim", //两种写法，其他写法获取不到值

                success: function(data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

注意：在写参数的时候我们不能把参数写成 print ?

/// <summary>
/// 一个参数
/// </summary>
/// <param name="name"></param>
/// <returns></returns>
public string Post([FromBody]string name)
{
return "一个参数，" + name;
}

        /// <summary>

        /// 一个参数

        /// </summary>

        /// <param name="name"></param>

        /// <returns></returns>

        public string Post([FromBody]string name)

        {

            return "一个参数，" + name;

        }

2、一个实体对象参数

//Post一个对象（Post不能提交多个参数，只能将多个参数封装成一个对象）
var post_f2 = function () {
var postdata = { Id: "1", Name: "Jim", CreateTime: "1988-09-11" };
$.ajax({
type: "post",
url: "/api/Demo/PostAdd",//多个post的时候，路由会匹配不到，所以要自定义路由
//data: { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },
data: postdata,
success: function (data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Post一个对象（Post不能提交多个参数，只能将多个参数封装成一个对象）

        var post_f2 = function () {

            var postdata = { Id: "1", Name: "Jim", CreateTime: "1988-09-11" };

            $.ajax({

                type: "post",

                url: "/api/Demo/PostAdd",//多个post的时候，路由会匹配不到，所以要自定义路由

                //data: { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },

                data: postdata,

                success: function (data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

后台控制器方法

/// <summary>
/// 一个对象
/// </summary>
/// <param name="oData"></param>
/// <returns></returns>
[HttpPost]
[Route("PostAdd")]
public object Post([FromBody]TbCharging oData)
{
var strName = String.Format("一个对象，{0},{1}", oData.Id, oData.Name);
return strName;
}

        /// <summary>

        /// 一个对象

        /// </summary>

        /// <param name="oData"></param>

        /// <returns></returns>

        [HttpPost]

        [Route("PostAdd")]

        public object Post([FromBody]TbCharging oData)

        {

            var strName = String.Format("一个对象，{0},{1}", oData.Id, oData.Name);

            return strName;

        }

备注：这里参数列表最好写上[FromBody]，虽然不写也能拿到值。

3、一个数组参数

//Post数组作为参数
var post_f3 = function () {
var arr = ["1", "2", "3", "4"];
$.ajax({
type: "post",
url: "/api/Demo/PostArray",
contentType: 'application/json',
data: JSON.stringify(arr),
success: function (data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Post数组作为参数

        var post_f3 = function () {

            var arr = ["1", "2", "3", "4"];

            $.ajax({

                type: "post",

                url: "/api/Demo/PostArray",

                contentType: 'application/json',

                data: JSON.stringify(arr),

                success: function (data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

这里我们说一下contentType和dataType。

contentType

发送信息至服务器时内容编码类型。假如你不写的话，默认值是: "application/x-www-form-urlencoded"。

dataType

预期服务器返回的数据类型。

如果我们Post提交的是json参数，最好就写上 print ?

/// <summary>
/// 数组作为参数
/// </summary>
/// <param name="ids"></param>
/// <returns></returns>
[HttpPost]
[Route("PostArray")]
public object Post(string[] ids)
{
return String.Format("{0},{1},{2}", ids[0], ids[1], ids[2]);
}

        /// <summary>

        /// 数组作为参数

        /// </summary>

        /// <param name="ids"></param>

        /// <returns></returns>

        [HttpPost]

        [Route("PostArray")]

        public object Post(string[] ids)

        {

            return String.Format("{0},{1},{2}", ids[0], ids[1], ids[2]);

        }

4、实体集合参数

//Post对象集合，多个相同对象(多个不同对象的时候可以将多个对象封装成一个扩展对象)
var post_f4 = function () {
var arr = [
{ Id: "1", Name: "Jim", CreateTime: "1988-09-11" },
{ Id: "2", Name: "Lilei", CreateTime: "1990-12-11" },
{ Id: "3", Name: "Lucy", CreateTime: "1986-01-10" }
];
$.ajax({
type: "post",
url: "/api/Demo/PostMulti",//多个post的时候，路由会匹配不到，所以要自定义路由
contentType: 'application/json',
data: JSON.stringify(arr),
success: function (data, status) {
if (status == "success") {
$("#div_test").html(data);
}
}
});
}

        //Post对象集合，多个相同对象(多个不同对象的时候可以将多个对象封装成一个扩展对象)

        var post_f4 = function () {

            var arr = [

                { Id: "1", Name: "Jim", CreateTime: "1988-09-11" },

                { Id: "2", Name: "Lilei", CreateTime: "1990-12-11" },

                { Id: "3", Name: "Lucy", CreateTime: "1986-01-10" }

            ];

            $.ajax({

                type: "post",

                url: "/api/Demo/PostMulti",//多个post的时候，路由会匹配不到，所以要自定义路由

                contentType: 'application/json',

                data: JSON.stringify(arr),

                success: function (data, status) {

                    if (status == "success") {

                        $("#div_test").html(data);

                    }

                }

            });

        }

后台的控制器方法

/// <summary>
/// 对象集合
/// </summary>
/// <param name="lstCharging"></param>
/// <returns></returns>
[HttpPost]
[Route("PostMulti")]
public object Post([FromBody]List<TbCharging> lstCharging)
{
return String.Format("{0},{1}", lstCharging[0].Name, lstCharging[1].Name);
}

        /// <summary>

        /// 对象集合

        /// </summary>

        /// <param name="lstCharging"></param>

        /// <returns></returns>

        [HttpPost]

        [Route("PostMulti")]

        public object Post([FromBody]List<TbCharging> lstCharging)

        {

            return String.Format("{0},{1}", lstCharging[0].Name, lstCharging[1].Name);

        }

自定义路由

使用场景：用于方法重载，忽略方法名，自定义url

使用步骤：

1、在控制器类上方加入一个标记

[RoutePrefix("api/Demo")]
public class DemoController : ApiController
{}

    [RoutePrefix("api/Demo")]

    public class DemoController : ApiController

    {}

2、在方法中加入路由标记

/// <summary>
/// 数组作为参数
/// </summary>
/// <param name="ids"></param>
/// <returns></returns>
[HttpPost]
[Route("PostArray")]
public object Post([FromBody]string[] ids)
{
return String.Format("{0},{1},{2}", ids[0], ids[1], ids[2]);
}

        /// <summary>

        /// 数组作为参数

        /// </summary>

        /// <param name="ids"></param>

        /// <returns></returns>

        [HttpPost]

        [Route("PostArray")]

        public object Post([FromBody]string[] ids)

        {

            return String.Format("{0},{1},{2}", ids[0], ids[1], ids[2]);

        }

备注：上面的api/Demo和PostArray可以自己定义名字。像我这样写就可以直接用 url:"/api/Demo/PostArray"来访问了。

MVC和WebApi 使用get和post 传递参数。的更多相关文章

MVC和WebApi 使用get和post 传递参数(转)
出处:http://blog.csdn.net/qq373591361/article/details/51508806 我们总结一下用js请求服务器的传参方法. Get方式 Get主要是用来查询,一 ...
MVC和WebApi 使用get和post 传递参数。转载https://blog.csdn.net/qq373591361/article/details/51508806
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq373591361/article/details/51508806我们总结一下用js请求服务器的 ...
MVC怎么在当前视图中，传递参数给到另外一个视图？
在TransData.cshtml视图中: <div>  <!--视图中调用无返回值的方法,需要加 ...
SlickOne -- 基于Dapper, Mvc和WebAPI 的快速开发框架
前言:在两年前,项目组推出了基于Dapper,Mvc和WebApi的快速开发框架,随着后续Slickflow产品的实践和应用,今再次对SlickOne项目做以回顾和总结.其目的是精简,持续改进,保持重 ...
【WebApi系列】详解WebApi如何传递参数
WebApi系列文章 [01]浅谈HTTP在WebApi开发中的运用 [02]聊聊WebApi体系结构 [03]详解WebApi参数的传递 [04]详解WebApi测试和PostMan [05]浅谈W ...
SlickOne敏捷开发框架介绍（一） -- 基于Dapper, Mvc和WebAPI 的快速开发框架
前言:在两年前(最初发布时间:2013年1月9日(csdn),当前文章时间2015年11月10日),项目组推出了基于Dapper,Mvc和WebApi的快速开发框架,随着后续Slickflow产品的实 ...
WebAPI学习日记一：Ajax请求传递参数遇到的问题
首先,本人大学刚毕业,想把自己学习的一些东西记录下来,也是和大家分享,如有不对之处还请多加指正.声明:但凡是我博客里的文章均是本人实际操作遇到的例子,不会随便从网上拷贝或者转载,本着对自己和观众负责的 ...
MVC 从后台页面取前台页面传递过来的值的几种取法
MVC 从后台页面取前台页面传递过来的值的几种取法 <1>前台页面 Index视图注意:用户名表单的name值为txtName 密码表单的name值为txtPassword & ...
给Asp.Net MVC及WebApi添加路由优先级
一.为什么需要路由优先级大家都知道我们在Asp.Net MVC项目或WebApi项目中注册路由是没有优先级的,当项目比较大.或有多个区域.或多个Web项目.或采用插件式框架开发时,我们的路由注册很可 ...

随机推荐

Qt之获取本机网络信息（MAC, IP等等，很全）
经常使用命令行来查看一些计算机的配置信息. 1.首先按住键盘上的“开始键+R键”,然后在弹出的对话框中输入“CMD”,回车另外,还可以依次点击开始>所有程序>附件>命令提示符 2 ...
Spring笔记——Spring框架简介和初次框架配置
Spring简介 Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One J2EE Deve ...
界面上传文件js包【AjaxUpload.js】
function uploadFile() { new AjaxUpload($("#importFile"), { action: url, type: "POST&q ...
javascript whenReady
var whenReady=(function(){ var funcs=[]; var ready=false; function handler(e){ if (ready) { return; ...
Hibernate 异常 —— No CurrentSessionContext configured
在使用 SessionFactory 的 getCurrentSession 方法时遇到如下异常 “No CurrentSessionContext configured ” 原因是: 在hibern ...
如何把双引号包含到echo命令的字符串中
初涉s h e l l的用户常常会遇到的一个问题就是如何把双引号包含到e c h o命令的字符串中.引号是一个特殊字符,所以必须要使用反斜杠\来使s h e l l忽略它的特殊含义.假设你希望使用e ...
NDK(1)配置ndk,含eclipse,Android Studio1.5.1
现在的ndk配置已经非常简单,如果看到要cygwin的请关闭. 1,Eclipse 添加ndk linux,mac ,windows 相似, a.下载 ndk并解压, b.在eclipse的andro ...
XML Schema使用技巧——unique
XML Schema使用技巧——unique XML Scheam允许指定某个元素或属性的值在一定得范围内是唯一的.为了指定元素或属性值的唯一性,可以使用<xs:unqiue>元素,使 ...
jquery ajax的async属性的理解
$(function(){ queryTemplateSort(); // fillAddTemplatePage(); function queryTemplateSort() { $.ajax({ ...
IntelliJ IDEA创建第一个Java小程序
我尝试了汉化,会影响IDE部分功能. 其实IDE完全没必要汉化,就那么几个单词,不懂的话,就有道字典查一下吧. 汉化易于入门,不汉化一样可以使用. 我爱这个编辑器,非常之强大,就是比较占内存. 我爱这 ...

MVC和WebApi 使用get和post 传递参数。

Get方式

1、无参

2、一个参数

后台控制器方法

3、多个参数

后台控制器方法

4、一个实体对象参数

后台控制器方法

Post方式

2、一个实体对象参数

后台控制器方法

3、一个数组参数

4、实体集合参数

后台的控制器方法

自定义路由

1、在控制器类上方加入一个标记

2、在方法中加入路由标记

MVC和WebApi 使用get和post 传递参数。的更多相关文章

随机推荐

热门专题