前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css图片不居中的原因

css图片不居中的原因

作者头像
西柚dzh
发布2022-06-09 16:16:38
1.9K0
发布2022-06-09 16:16:38
举报
文章被收录于专栏:dcmickey小站

.NET Core WebAPI post参数传递时后端的接收方式

  1. 实体类
  2. dynamic动态类型
  3. JObject参数
  4. 单值参数(字符串参数)
A.前端Post请求代码
代码语言:javascript
复制
$.ajax({
           url: "/api/student/poststudent",
           type: 'POST',
           data:JSON.stringify({ name: "张三", age: 21 }),
           success:function () {
           },
           dataType: "json",
           contentType: "application/json"
       });
B.后端接收参数方式
1. 实体类

实体类是比较简单的一种传参方式,使用频率非常高。

添加实体类

代码语言:javascript
复制
    public class Student
    {
        public string Name { get; set; }
        public int Age { get; set; }
    }

后台处理Post请求代码

代码语言:javascript
复制
[HttpPost("{id}")]
public void PostStudent(Student student)
{
}

接收参数结果

2.dynamic动态类型

后台处理Post请求代码

代码语言:javascript
复制
[HttpPost("{id}")]
public void PostStudent(dynamic student)
{
    var name = student.name;//name大小写与前端参数一致
    var age = student.age;
}

接收参数结果

3.JObject参数
  1. 引入Microsoft.AspNetCore.Mvc.NewtonsoftJson包
  2. 添加引用 using Newtonsoft.Json.Linq;
  3. 后台处理Post请求代码
代码语言:javascript
复制
[HttpPost("{id}")]
public void PostStudent(JObject student)
{
}

接收参数结果

4.单值参数(字符串参数)

只能传一个字符串参数,并且用单引号包一个双引号,双引号里为字符串内容!

前端代码与以上方式不同

代码语言:javascript
复制
$.ajax({
           url: "/api/student/poststudent",
           type: 'POST',
           data:'"name=张三,age=21"',//这里是重点!用单引号包一个双引号,双引号里为字符串内容!
           success:function () {
           },
           dataType: "json",
           contentType: "application/json"
       });

后台处理Post请求代码

代码语言:javascript
复制
[HttpPost("{id}")]
public void PostStudent([FromBody] string values)
{
}

WebApi 方法参数前加FromBody标识,表示该参数值应该从请求的Body中获取,而不是从URL中获取。不加FromBody标识后台取不到参数值。

  1. 接收参数结果
设置允许跨域

如果有跨域需求支持,请设置允许跨域。在Stateup.cs中添加如下代码。

修改ConfigureServices方法,添加代码如下:

代码语言:javascript
复制
//允许一个或多个来源可以跨域
services.AddCors(options =>
{
      options.AddPolicy("CustomCorsPolicy", policy =>
      {
             // 设定允许跨域的来源,有多个可以用','隔开
             policy.WithOrigins("https://localhost:5000")//只允许https://localhost:5000来源允许跨域
             .AllowAnyHeader()
             .AllowAnyMethod()
             .AllowCredentials();
      });
});

修改Configure方法,添加代码如下:

代码语言:javascript
复制
app.UseCors("CustomCorsPolicy");

版权属于:dingzhenhua

本文链接:https://cloud.tencent.com/developer/article/2019233

转载时须注明出处及本声明

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • .NET Core WebAPI post参数传递时后端的接收方式
    • A.前端Post请求代码
      • B.后端接收参数方式
        • 1. 实体类
          • 2.dynamic动态类型
            • 3.JObject参数
              • 4.单值参数(字符串参数)
                • 设置允许跨域
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档