Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
C#进阶系列——WebApi 接口参数不再困惑:传参详解上
前言:还记得刚使用WebApi那会儿,被它的传参机制折腾了好久,查阅了半天资料。如今,使用WebApi也有段时间了,今天就记录下API接口传参的一些方式方法,算是一个笔记,也希望能帮初学者少走弯路。本篇针对初初使用WebApi的同学们,比较基础,有兴趣的且看看。 WebApi系列文章 C#进阶系列——WebApi接口测试工具:WebApiTestClient C#进阶系列——WebApi 跨域问题解决方案:CORS C#进阶系列——WebApi身份认证解决方案:Basic基础认证 C#进阶系列——WebAp
逸鹏
2018/04/10
5.2K0
C#进阶系列——WebApi 接口参数不再困惑:传参详解上
C#进阶系列——WebApi 接口参数不再困惑:传参详解 下
(1)基础类型数组 var arr = ["1", "2", "3", "4"]; $.ajax({ type: "post", url: "http://localhost:27221/api/Charging/SaveData", contentType: 'application/json', data: JSON.stringify(arr), success: function (data, status) {
逸鹏
2018/04/10
1.6K0
C#进阶系列——WebApi 接口参数不再困惑:传参详解 下
ASP.NET (Core)WebApi参数传递实操演练
一、ASP.NET (Core)WebApi参数传递实操演练 1、什么是contentType和dataType? $.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式,dataType设置你收到服务器数据的格式。 更简单的解释: contentType: 告诉服务器,我要发什么类型的数据。 dataType:告诉服务器,我要想什么类型的数据。 在http 请求中,get 和 post 是最常用的。在 jquery 的 ajax 中, c
跟着阿笨一起玩NET
2021/02/02
3.8K0
javaWeb传收参数方式总结
有时候,我真会被传参搞得头晕,这样传要怎么接收,那样传又要怎么接收? get可以json吗?什么是json方式提交?等等问题,已困扰我许久 所以,在此想做个总结,整理一下思绪,不再为传收参烦恼!如有错
KEN DO EVERTHING
2019/01/17
2.1K0
Ajax第一节
异步: 不受当前任务的影响,两件事情同时进行,做一件事情时,不影响另一件事情的进行。
用户3461357
2019/08/02
3.9K0
SpringMVC参数绑定-细致总结(通俗易懂)
前面已经写过 SSM 三大框架的一些入门文章,在 SpringMVC 部分,关于参数的绑定提的不是太多,重新整理了一下,就当做一个补充,时间匆匆,可能会有一些错误,大家可以共同交流,一起探讨!
BWH_Steven
2020/05/11
1.2K0
SpringMVC参数绑定-细致总结(通俗易懂)
聊聊asp.net中Web Api的使用
扯淡     随着app应用的崛起,后端服务开发的也越来越多,除了很多优秀的nodejs框架之外,微软当然也会在这个方面提供更便捷的开发方式。这是微软一贯的作风,如果从开发的便捷性来说的话微软是当之无愧的老大哥,只是鱼和熊掌不能兼得,各种语法糖带来开发的便利势必会牺牲程序运行的性能,这是无可避免的,通用和效率永远是需要程序员去取舍的话题。扯淡到这就完了,下来就聊聊今天的主角web api,web api 是mvc4.0之后出现的一种技术吧,他的创建和带来的便利我就不介绍了。这边文章主要聊聊,我对web ap
磊哥
2018/05/08
1.5K0
json对象与json字符串_字符数组与字符串的区别
有时候在做项目的时候时常将这两个概念弄混淆,尤其是在使用springmvc的时候,后台@RequestBody接受的是一个json格式的字符串,一定是一个字符串。 先介绍一下json对象,首先说到对象的概念,对象的属性是可以用:对象.属性进行调用的。例如:
全栈程序员站长
2022/11/08
2K0
【代替Swagger和Postman等工具的神器】使用VS自带的.http文件快速调试webapi
前言:需要VS2022版本支持。.http文件在.NET 8环境下自带,但是处于好奇心挖掘了一下,其实这个文件和你是啥SDK环境无关、和啥开发语言也无关,纯粹就是VS2022里面附带的功能。废话不多说,下面正文:
Wesky
2024/08/13
2140
【代替Swagger和Postman等工具的神器】使用VS自带的.http文件快速调试webapi
MVC项目开发中那些用到的知识点(Jquery ajax提交Json后台处理)
  jQuery提供的ajax方法能很方便的实现客户端与服务器的异步交互,在asp.net mvc 框架使用jQuery能很方便地异步获取提交数据,给用户提供更好的体验!   调用jQuery的ajax方法时,jQuery会根据post或者get协议对参数data进行序列化;
aehyok
2018/09/11
1.8K0
MVC项目开发中那些用到的知识点(Jquery ajax提交Json后台处理)
JSON和AJAX知识点整理
JSON和AJAX知识点整理 JSON 导入json的依赖 JavaBean与Json之间的相互转换 首先导入Gson的依赖 演示: List集合和json相互转换 list集合转化为json时,可以直接转,但是json字符串转化为list集合的时候,需要写一个类继承TypeToken<>,并在其泛型里面,填入要转换的list集合类型,具体步骤看下面: json和map相互转换---转换为map集合,和上面步骤一样 使用匿名内部类减少创建类带来的资源损耗 AJAX-----Jquery方式 1.$
大忽悠爱学习
2021/11/15
1.5K0
使用localResizeIMG3+WebAPI实现手机端图片上传
GuZhenYin
2018/01/04
1.3K0
使用localResizeIMG3+WebAPI实现手机端图片上传
SpringBoot的4中常见入参形式错误解析
SpringBoot前后端接口对接工作时,经常遇到请求500,400等问题,马虎大意经常导致时间浪费,为此总结了4个常见的复杂请求类型,以此为戒。
JavaDog程序狗
2024/10/14
1230
SpringBoot的4中常见入参形式错误解析
E027Web学习笔记-Ajax和JSON
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML);
訾博ZiBo
2025/01/06
740
E027Web学习笔记-Ajax和JSON
Newtonsoft.Json的使用整理
json是我们在工作中经常用到的一种数据传输格式,开始过程中解析json是我们经常面对的问题。NewtonsoftJson是c#的一套json处理封装类,它可以高效,方便地帮助我们处理json。
happlyfox
2021/05/12
3.4K1
AJAX和JSON
open方法不会向服务器发送真正请求,它相当于初始化请求并准备发送只能向同一个域中使用相同协议和端口的URL发送请求,否则会因为安全原因而报错。
乐心湖
2021/01/18
2.6K0
AJAX和JSON
c++发送post请求_request的post方法作用
RestSharp是一个轻量的,不依赖任何第三方的模拟Http的组件或者类库。RestSharp具体以下特性;支持net4.0++,支持HTTP的GET, POST, PUT, HEAD, OPTIONS, DELETE等操作,支持oAuth 1, oAuth 2, Basic, NTLM and Parameter-based Authenticators等授权验证等。截止当前目前是github最高stars的http类库。
全栈程序员站长
2022/10/03
2K0
c++发送post请求_request的post方法作用
Flutter开发-网络请求与JSON转换
如果发送的数据是FormData,则dio会将请求header的contentType设为“multipart/form-data”。
码客说
2020/05/14
3.6K0
09.Django基础七之Ajax
    AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据)。
changxin7
2019/09/30
3.7K0
09.Django基础七之Ajax
PHP+Ajax+Canvas
ip地址: 计算机在网络中的唯一标识, 就是用来定位计算机的 缺点: 不好记
用户3461357
2019/08/02
3.3K0
相关推荐
C#进阶系列——WebApi 接口参数不再困惑:传参详解上
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验