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

css图片不居中的原因

作者头像
西柚dzh
发布于 2022-06-09 08:16:38
发布于 2022-06-09 08:16:38
1.9K00
代码可运行
举报
文章被收录于专栏:dcmickey小站dcmickey小站
运行总次数:0
代码可运行

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

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

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

添加实体类

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    public class Student
    {
        public string Name { get; set; }
        public int Age { get; set; }
    }

后台处理Post请求代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[HttpPost("{id}")]
public void PostStudent(Student student)
{
}

接收参数结果

2.dynamic动态类型

后台处理Post请求代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[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
代码运行次数:0
运行
AI代码解释
复制
[HttpPost("{id}")]
public void PostStudent(JObject student)
{
}

接收参数结果

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

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

前端代码与以上方式不同

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

后台处理Post请求代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[HttpPost("{id}")]
public void PostStudent([FromBody] string values)
{
}

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

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

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

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
app.UseCors("CustomCorsPolicy");

版权属于:dingzhenhua

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

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

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JavaScript的类型转换
Undefined n/a undefined (n/a not applicable 不适用)
小小鱼儿小小林
2020/06/24
7560
JavaScript数值
JavaScript 只有一种数值类型,书写数值时带不带小数点均可。超大或超小的数可通过科学计数法来写。
hotarugali
2022/03/01
9730
JavaScript-数据类型转换
涉及加法运算符(+)的数字和字符串表达式中,JavaScript 会把数字值转换为字符串。例如
WEBING
2019/02/26
6130
JavaScript-数据类型转换
JavaScript 学习-19.Number 数字对象
前言 JavaScript 不区分整数和浮点数,只有一种Number 数字类型。 Number 数字类型 小数点后面的.0的数字会自动省略 var a = 12; // 12 var b = 12.0; // 12 var c = 12.00; // 12 var d = 12.2; // 12.2 var e = 12.20; // 12.2 极大或极小的数字可通过科学(指数)计数法来写: var y=123e5; // 12300000 var z=123e-5; // 0.0
上海-悠悠
2022/05/25
5020
javascript 红皮高程(8)
今天继续,JS的数值转换。这里面的坑啊, 真是太多了。 JS有三个函数可以把非数值转为数值: Number(); parseInt(); parseFloat(); Number()可以用于任何数据类型。换言之,什么都可以往里面放。但是,能转成什么东西就不一定了,来看看规则,巨多: Boolead,true和false分别转成1和0; 数字,就转成数字了; null,返回0; undefined,返回NaN; 字符串: -字符串就是数字的,那就转为数字。但最左边的0会没有。 -字符串包含十六进制的,转为相同
web前端教室
2018/02/06
5960
JavaScript基本语法(一)
1.什么是变量 2.为什么要使用变量 3.变量如何使用 4.原理图 5.变量命名规则和规范 6.变量的交换
靠谱先生
2018/09/10
5720
JavaScript基本语法(一)
JavaScript 里Number、parseFloat、parseInt的联系与区别
因为Number()方法转换字符串的时候比较复杂,所以一般处理字符串比较常用的是parseInt() / parseFloat()。
celineWong7
2020/11/05
1.8K0
JavaScript 数据类型转换完全攻略
JavaScript 能够根据运算环境自动转换值的类型,以满足运算需要。但是在很多情况下需要开发者手动转换数据类型,以控制运算过程。
用户3519280
2023/07/07
3250
Javascript的5种基本数据类型总结
ECMAScript中有5种基本数据类型,分别是:Undefined,Null,Boolean,Number和String,还有一种复杂数据类型Object,Object本质上是由一组无序的名值对组成的。(这里就不细细讲述了)
全栈程序员站长
2022/10/28
7660
Javascript的5种基本数据类型总结
透过网红面试题,超详细解析 parseInt,学不懂找我
最近面试了几个前端开发,我都问了一道算是网红面试题,其中两个应届毕业生,两个两年开发经验的,他们都没有给到我想要的答案。
coder_koala
2021/09/18
3.5K0
透过网红面试题,超详细解析 parseInt,学不懂找我
javascript字符串转数字
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。
山河木马
2019/03/05
2.6K0
ParseInt的两个参数
当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。
我不是费圆
2020/09/21
1.5K0
重学js之JavaScript基本概念(上)- 数据类型
注意:虽然省略 var 操作符可以定义全局变量,但是并不推荐这种做法,因为在局部作用域中定义全局变量会使得代码很难维护。
执行上下文
2022/07/26
6300
《JavaScript高级程序设计(第四版)》学习笔记(二)第3章
最开始采用 var、在 ES6 后更多的采用let、const关键字,它们的不同在后面会写到
小丞同学
2021/08/16
1.2K0
​重学Javascript之数据类型
模板字符串是ES6中出现的。作为新出现的特性,必定是为了解决以前存在的一些痛点,及做了扩展。
行百里者半九十
2020/07/24
1.2K0
Javascript:Javascript数据类型详解
  要成为一个优秀的前端工程师,系统的学习Javascript,有夯实的Javascript基础,以及对语言本身的深刻的理解,是基本功。从Javascript数据类型开始,我将对Javascript知识体系进行系统的梳理。
王金龙
2019/02/25
8260
JavaScript parseInt() 函数
radix 参数用于指定使用哪种数字系统,例如基数为 16(十六进制)表示字符串中的数字应从十六进制数解析为十进制数。
Insecure Fluoxetine
2024/04/08
1680
JavaScript parseInt() 函数
【春节日更】变态面试题之map与parseInt的结合输出
map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
用户9914333
2022/07/22
2880
【春节日更】变态面试题之map与parseInt的结合输出
JavaScript(二)
ECMAScript 中的一切(标识符,操作符)都是区分大小写的,即大小写敏感的语言。 如: 变量 test 和变量 Test 分别表示两个变量。
1ess
2021/10/29
5500
JavaScript之数据类型
  JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。
用户6182664
2019/12/02
5750
相关推荐
JavaScript的类型转换
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验