MVC和WebApi 使用get和post 传递参数(转)
出处:http://blog.csdn.net/qq373591361/article/details/51508806
我们总结一下用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);
- }
- }
- });
- }
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);
- }
- }
- });
- }
后台控制器方法
- /// <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);
- }
- }
- });
- }
后台控制器方法
- /// <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);
- }
- }
- });
- }
备注:到这里有没有发现多个参数和一个实体对象的请求方法是一样的,假如两个接收的方法都写在同一个控制器里面的话,路由是区分不出来要匹配那个方法处理,
所以要用自定义路由来区分,在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"));
- }
备注:在使用Get传递实体对象参数的时候要注意,因为Get方式的时候参数是写在url的,所以我们在后台用[FromBody]是拿不到实体参数的,需要写[FromUri]才行。
Post方式
Post方式我们一般用来做增、删、改操作。在WebApi中Post仅仅用来做增加操作,修改用Put,删除用Delete。这些在新建模板的时候就自动为我们生成了。
还有要提一下的是Post只能传递一个参数,如果需要多个参数的时候我们需要把它们合并成一个扩展对象,当做对象来传递。
在后台接收的时候我们需要在参数列表里面写上[FromBody]因为Post方式的参数就不在Url里面了。
1、一个参数
- //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);
- }
- }
- });
- }
注意:在写参数的时候我们不能把参数写成 data:{"name":"Jim"} 这种方式,因为在后台是拿不到值的。
后台控制器方法
- /// <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);
- }
- }
- });
- }
后台控制器方法
- /// <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);
- }
- }
- });
- }
这里我们说一下contentType和dataType。
contentType
发送信息至服务器时内容编码类型。假如你不写的话,默认值是: "application/x-www-form-urlencoded"。
dataType
预期服务器返回的数据类型。
如果我们Post提交的是json参数,最好就写上 contentType: 'application/json'
后台的控制器方法
- /// <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);
- }
- }
- });
- }
后台的控制器方法
- /// <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
- {}
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 传递参数。
我们总结一下用js请求服务器的传参方法. Get方式 Get主要是用来查询,一般分为无参,一个参数,多个参数,实体对象参数. 1.无参 //Get没有参数 var get_f1 = function( ...
- 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项目.或采用插件式框架开发时,我们的路由注册很可 ...
随机推荐
- 【MySQL案例】ERROR 1786 (HY000)
1.1.1. ERROR 1786 (HY000) [环境描写叙述] msyql5.6.14 [报错信息] 运行create table ... select的时候遇到报错: db1 [test] [ ...
- zipkin:和springcloud集成过程记录
发现全是springcloudapp的名称,然后是springcloudapp(http://localhost:8080/hello/tom)工程单独调用并没有通知zipkin: 原来是因为rest ...
- CCFLOW5 SDK 模式 开发环境配置
在群里和论坛里问了N次都没有人回答,最终在QQ好友[冥(276669806) ]的帮助下成功配置了SDK开发环境.现将具体配置步骤分享给大家.1.打开VS2010 新建一个网站项目2.将CCFlow\ ...
- bzoj 4372 烁烁的游戏——动态点分治+树状数组
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4372 和 bzoj 3070 震波 是一个套路.注意区间修改的话,树状数组不能表示 dis ...
- NLTK在自然语言处理
nltk-data.zip 本文主要是总结最近学习的论文.书籍相关知识,主要是Natural Language Pracessing(自然语言处理,简称NLP)和Python挖掘维基百科Infobox ...
- SQL Server 查询表的主键的两种方式
方式1: select b.column_name from information_schema.table_constraints a inner join information_schema. ...
- emacs之切换h/cpp配置
emacsConfig/switch-file-setting.el (defun switch-c () (global-set-key (kbd "<C-return>&qu ...
- C# 如何捕获一个USB设备发送到PC的数据
using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using Sy ...
- 一个单元测试 学习 aysnc await
using System; using System.Threading.Tasks; using Microsoft.VisualStudio.TestTools.UnitTesting; name ...
- [Python] numpy.ndarray.shape
ndarray.shape Tuple of array dimensions. x = np.array([1, 2, 3, 4]) print x.shape #(4, ) y = np.zero ...