WebAPI传递参数遇到的问题

Ajax的格式：

    $.ajax({

        type: "get", //数据发送的方式（post 或者 get）

        url: "/admin/index", //要发送的后台地址

        data: { val1: "", val2: "" }, //要发送的数据（参数）格式为{'val1':"1","val2":"2"}

        dataType: "json", //后台处理后返回的数据格式

        success: function(data) {//ajax请求成功后触发的方法

            alert('请求成功');

        },

        error: function(msg) {//ajax请求失败后触发的方法

            alert(msg); //弹出错误信息

        }

    });

后台实体类（Person）：

namespace WebApi.Models

{

    public class Person

    {

        public int ID { get; set; }

        public string Name { get; set; }

        public string EnglishName { get; set; }

    }

}

后台接口：

public class TestController : ApiController

{

    public Person GetEnglishName(int ID, string Name)

    {

        Person man = new Person();

        man.ID = ID;

        man.Name = Name;

        man.EnglishName = "Bert";

        return man;

    }

}

前端Ajax请求：

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

    <title></title>

</head>

<body>

    <input type="submit" id="testId" /><input type="text" id="text1" />
</body>

</html>

<script type="text/javascript">

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

        $.ajax({

            url: "/api/Test/GetEnglishName",

            type: "GET",

            data: { "ID": 1, "Name": "yzc" },

            success: function(data) {

                $("#text1").val(data.EnglishName);

            }

        });

    });

</script>

结果：

如上，这是最普通的一次WebApi的Ajax请求，接下来我们来讲几个比较特殊的例子。代码修改如下：黄色荧光笔的都是改动的代码。

后台接口：

public class TestController : ApiController

{

    public Person SetEnglishName(int ID, string Name)

    {

        Person man = new Person();

        man.ID = ID;

        man.Name = Name;

        man.EnglishName = "Bert";

        return man;

    }

}

前端Ajax请求：

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

    <title></title>

</head>

<body>

    <input type="submit" id="testId" /><input type="text" id="text1" />

</body>

</html>

<script type="text/javascript">

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

        $.ajax({

            url: "/api/Test/SetEnglishName",

            type: "GET",

            data: { "ID": 1, "Name": "yzc" },

            success: function(data) {

                $("#text1").val(data.EnglishName);

            }

        });

    });

</script>

结果：

结论：

我们仅仅只是更改了接口的名称而已，从GetEnglishName改为SetEnglishName，为什么就找不到该方法了呢？

原因是：WebAPI对于后台方法接口在没有给它添加访问方式的前提下（如：[HttpPost]），并且方法名称开头带着Get的话，默认是Get请求。

所有在上面例子中，方法名既没有标明请求方式，也不是Get开头，它自然找不到可以允许访问的方法了，建议：不管是什么类型的请求都在方法上设置访问类型。

post请求传递一个参数的时候，data并不是传的键/值对形式，而是data:{"":"yzc"},记住这种特殊情况，不然后台是获取不到前端传过去的值得，至于原因是：Web API 要求请求传递的 [FromBody] 参数，是有一个特定的格式，才能被正确的获取到。

post传递多个参数的时候 (被标记[FromBody]的参数只能出现一次，被标记为[FromUri]的参数可以出现多次，如果被标记为[FromUri]的参数是简单参数，该标记可以去掉。)

请求的时候

1、data：JSON.stringify(x)和contentType: "application/json"一起使用，或者

2、data：{为键值对}，并且不能加contentType: "application/json"，这两种情况后台[FromBody]参数都能获取到值。（经测试过，当出现交叉情况，如:data里面为键值对，且加了contentType: "application/json"，后台将不能访问数据）

当post请求的参数多的时候，就需要封装在一个类里面，这样后台也需要创建临时类来接收，而dynamic可以让我们省掉许多类。然而前端Ajax请求参数的配置目前自己试过的只有data：JSON.stringify(x)和contentType:"application/json"一起后台才能拿到数据。

后台接口：

public class TestController : ApiController

{

    [HttpPost]

    public Person GetEnglishName(dynamic per)

    {

        Person man = new Person();

        man.ID = per.ID;

        man.Name = per.Name;

        man.EnglishName = "Bert";

        return man;

    }

}

前端Ajax请求：

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

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

</head>

<body>

    <input type="submit" id="testId" /><input type="text" id="text1" />

</body>

</html>

<script type="text/javascript">

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

        $.ajax({

            url: "/api/Test/GetEnglishName",

            type: "POST",

            contentType: "application/json",

            data: JSON.stringify({ "ID": , "Name": "yzc" }),

            success: function(data) {

                $("#text1").val(data.EnglishName);

            }

        });

    });

</script>

结果：

原文：https://www.cnblogs.com/yzcStudy/p/5767109.html

Ajax请求传递参数遇到的问题的更多相关文章

  1. WebAPI学习日记一：Ajax请求传递参数遇到的问题

    首先,本人大学刚毕业,想把自己学习的一些东西记录下来,也是和大家分享,如有不对之处还请多加指正.声明:但凡是我博客里的文章均是本人实际操作遇到的例子,不会随便从网上拷贝或者转载,本着对自己和观众负责的 ...

  2. ajax请求在参数中添加时间戳

    ajax请求在参数中添加时间戳 参考网址

  3. 资料汇总--Ajax中Put和Delete请求传递参数无效的解决方法（Restful风格）【转】

    开发环境:Tomcat9.0 在使用Ajax实现Restful的时候,有时候会出现无法Put.Delete请求参数无法传递到程序中的尴尬情况,此时我们可以有两种解决方案:1.使用地址重写的方法传递参数 ...

  4. Ajax中Put和Delete请求传递参数无效的解决方法（Restful风格）

    本文装载自:http://blog.csdn.net/u012737182/article/details/52831008    感谢原文作者分享 开发环境:Tomcat9.0 在使用Ajax实现R ...

  5. Ajax请求传递数组参数的方法

    方法一:拼接字符串参数 var arr={params:['param','param2']}; $.ajax({url:请求地址, data:arr, type:"POST", ...

  6. springmvc框架下ajax请求传参数中文乱码解决

    springmvc框架下jsp界面通过ajax请求后台数据,传递中文参数到后台显示乱码 解决方法:js代码 运用encodeURI处理两次 /* *掩码处理 */ function maskWord( ...

  7. 复用$.ajax方式传递参数错误处理

    1.封装后的方法,在 data:inData 传递参数的方式和一般不一样,如果不注意会出现错误. function getDataByJsonP(methName, inData, fn) { $.a ...

  8. Ajax请求的参数

    post请求和get请求存放参数位置 post请求和get请求存放参数位置是不同的: post方式参数存放在请求数据包的消息体中. get方式参数存放在请求数据包的请求行的URI字段中,以?开始以pa ...

  9. Ajax请求传递数组参数

    var ids = []; var rows=$("#tt").datagrid("getSelections"); for(var i=0; i<row ...

随机推荐

  1. Nashorn 在JDK 8中融合Java与JavaScript之力

    从JDK 6开始,Java就已经捆绑了JavaScript引擎,该引擎基于Mozilla的Rhino.该特性允许开发人员将JavaScript代码嵌入到Java中,甚至从嵌入的JavaScript中调 ...

  2. Git初体验

    http://www.cnblogs.com/yejiurui/archive/2013/07/29/3223153.html

  3. Effective C++学习笔记：初始化列表中成员列出的顺序和它们在类中声明的顺序相同

    类成员的默认初始化顺序是按照声明顺序进行, 如果使用初始化列表初始化成员变量, 则必须按照成员变量的声明顺序进行; 否则, 在变量之间交替赋值时, 会产生, 未初始化的变量去赋值其他变量; 同时GCC ...

  4. BAT 批处理实现循环备份N天文件夹

    @echo off set today=%date:~0,4%%date:~5,2%%date:~8,2% xcopy  /E /I E:\aaa e:\test\%today% for /f &qu ...

  5. MFC弹出模拟对话框

    Windows对话框分为两类:模态对话框和非模态对话框. 模态对话框是这样的对话框,当它弹出后,本应用程序其他窗口将不再接受用户输入,只有该对话框响应用户输入,在对它进行相应操作退出后,其他窗口才能继 ...

  6. Python操作Excel_输出所有内容（包含中文）

    python 2.7.5代码: # coding=utf-8 import sys import xlrd data=xlrd.open_workbook('D:\\menu.xls') table ...

  7. CodeForces 689C　　Mike and Chocolate Thieves

    题目链接:http://acm.hust.edu.cn/vjudge/problem/visitOriginUrl.action?id=412145 题目大意:给定一个数字n,问能不能求得一个最小的整 ...

  8. Listview加载更多是，恢复到原来的位置，如果不加特殊处理，总是跳转第一条

    1.记录listView滚动到的位置的坐标,然后利用listView.scrollTo精确的进行恢复 listView.setOnScrollListener(new OnScrollListener ...

  9. centos 5 yum安装与配置vsFTPd FTP服务器

    vsftpd作为FTP服务器,在Linux系统中是非常常用的.下面我们介绍如何在centos系统上安装vsftp. 什么是vsftpd vsftpd是一款在Linux发行版中最受推崇的FTP服务器程序 ...

  10. redis学习心得之三-【java操作redis】

    今天主要是讲讲java对redis的操作,来段代码掩饰下基本操作即可明白. java调用你需要下载jedis.jar包 下载网址:https://github.com/xetorthio/jedis/ ...