WebApi与JS交互时接收参数的一些方法

  1. GET
    前端JS代码如下,传递两个参数
    WebApi与JS交互时接收参数的一些方法_第1张图片
    WebApi 接受参数方法:
    1. 第一种方法,直接定义
      WebApi与JS交互时接收参数的一些方法_第2张图片
    2. 第二种方法,通过 request.QueryString 方法取值
      WebApi与JS交互时接收参数的一些方法_第3张图片
    3. 第三种方法,通过定义的类来接收,不过类的前面需要加上 [FromUri]
      WebApi与JS交互时接收参数的一些方法_第4张图片
  2. POST
    前端JS代码如下,同样传递两个参数,区别是type改成 POST
    WebApi与JS交互时接收参数的一些方法_第5张图片
    WebApi 接受参数方法:
    1. 第一种方法,通过定义的类来接收,和get的区别是要加上 [FromBody] ,顾名思义就是从body里去参数
      WebApi与JS交互时接收参数的一些方法_第6张图片
    2. 第二种方法,如果每一次都要定义一个类嫌麻烦的话可以定义一个json的 JObject 对象,这样可以接受不同的参数而不需要每次都定义类,需要引用一下命名空间 using Newtonsoft.Json.Linq;
      WebApi与JS交互时接收参数的一些方法_第7张图片
    3. 第三种方法,通过 request.Form 获取相应的参数
      WebApi与JS交互时接收参数的一些方法_第8张图片
    4. 第四种方法,如果只有一个参数的话,前端可将参数名设为空,这样api就可以随意定义变量参数直接接受了
      JS如下,只有一个参数情况可这么弄:
      WebApi与JS交互时接收参数的一些方法_第9张图片
      服务端如下
      WebApi与JS交互时接收参数的一些方法_第10张图片
      记录供以后参考

你可能感兴趣的:(WebApi与JS交互时接收参数的一些方法)