Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >css图片不居中的原因

css图片不居中的原因

作者头像
西柚dzh
发布于 2022-06-09 08:16:38
发布于 2022-06-09 08:16:38
2.1K00
代码可运行
举报
文章被收录于专栏: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 删除。

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【愚公系列】2023年10月 .NET CORE工具案例-DeveloperSharp(http请求)
HTTP请求是一个客户端向服务器发送请求的过程,用于获取或提交网络资源。它是基于TCP/IP协议完成的,包含了请求行、请求头、请求体等内容。HTTP请求通常由客户端发起,服务器对请求进行响应。在HTTP请求中,请求行描述了请求的类型、URL、版本等信息;请求头包含了一些请求的元数据,如Host、User-Agent等;请求体则是提交给服务器的数据。常见的HTTP请求类型包括GET、POST、PUT、DELETE等。常见的HTTP请求头包括Content-Type、Accept、Authorization等。HTTP请求的响应通常包含了响应码、响应头、响应体等内容,用于告诉客户端请求的处理结果。
愚公搬代码
2025/06/02
530
【愚公系列】2023年10月 .NET CORE工具案例-DeveloperSharp(http请求)
C#进阶系列——WebApi 接口参数不再困惑:传参详解上
前言:还记得刚使用WebApi那会儿,被它的传参机制折腾了好久,查阅了半天资料。如今,使用WebApi也有段时间了,今天就记录下API接口传参的一些方式方法,算是一个笔记,也希望能帮初学者少走弯路。本篇针对初初使用WebApi的同学们,比较基础,有兴趣的且看看。 WebApi系列文章 C#进阶系列——WebApi接口测试工具:WebApiTestClient C#进阶系列——WebApi 跨域问题解决方案:CORS C#进阶系列——WebApi身份认证解决方案:Basic基础认证 C#进阶系列——WebAp
逸鹏
2018/04/10
5.6K0
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 接口参数不再困惑:传参详解 下
SpringMVC参数绑定-细致总结(通俗易懂)
前面已经写过 SSM 三大框架的一些入门文章,在 SpringMVC 部分,关于参数的绑定提的不是太多,重新整理了一下,就当做一个补充,时间匆匆,可能会有一些错误,大家可以共同交流,一起探讨!
BWH_Steven
2020/05/11
1.2K0
SpringMVC参数绑定-细致总结(通俗易懂)
AJAX基础
AJAX 是与浏览器与服务器交换数据的技术,它在不重载全部页面的情况下,实现了前后台数据交互,可以选择操作dom对页面进行更新
xiaozhangStu
2023/05/04
7120
E027Web学习笔记-Ajax和JSON
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML);
訾博ZiBo
2025/01/06
1300
E027Web学习笔记-Ajax和JSON
SpringBoot的4中常见入参形式错误解析
SpringBoot前后端接口对接工作时,经常遇到请求500,400等问题,马虎大意经常导致时间浪费,为此总结了4个常见的复杂请求类型,以此为戒。
JavaDog程序狗
2024/10/14
1720
SpringBoot的4中常见入参形式错误解析
聊聊HTTP请求那一些事_HttpWebRequest_一篇就够了
​最近工作比较忙,很久没有写东西了,今天抽点时间整体一下最近工作的一个知识点小结。http请求对我们来说一点都不模式,程序员的我们有可能天天就是和这一些打交道。无论是BS架构的程序,前后端的数据交互,已经后台服务之间的数据交互,http还是主流。
小小许
2020/03/19
5150
SpringMVC基础
在webapp下创建pages包,在包下创建名为:success.jsp的jsp文件
ma布
2024/10/21
770
SpringMVC基础
使用localResizeIMG3+WebAPI实现手机端图片上传
GuZhenYin
2018/01/04
1.4K0
使用localResizeIMG3+WebAPI实现手机端图片上传
javaWeb传收参数方式总结
有时候,我真会被传参搞得头晕,这样传要怎么接收,那样传又要怎么接收? get可以json吗?什么是json方式提交?等等问题,已困扰我许久 所以,在此想做个总结,整理一下思绪,不再为传收参烦恼!如有错
KEN DO EVERTHING
2019/01/17
2.2K0
【愚公系列】2023年04月 Java教学课程 139-Spring MVC框架的前后端数据交互
异步调用是指在不阻塞当前线程的情况下,开始一个调用的执行。当异步调用开始时,调用方可以继续执行其他任务,而不必等待调用完成。当调用完成时,被调用的代码可以通过回调函数或其他机制通知调用方。这种方式可以提高程序的效率和响应性。
愚公搬代码
2023/04/21
5350
【愚公系列】2023年04月 Java教学课程 139-Spring MVC框架的前后端数据交互
【代替Swagger和Postman等工具的神器】使用VS自带的.http文件快速调试webapi
前言:需要VS2022版本支持。.http文件在.NET 8环境下自带,但是处于好奇心挖掘了一下,其实这个文件和你是啥SDK环境无关、和啥开发语言也无关,纯粹就是VS2022里面附带的功能。废话不多说,下面正文:
Wesky
2024/08/13
2650
【代替Swagger和Postman等工具的神器】使用VS自带的.http文件快速调试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
4K0
Ajax第一节
异步: 不受当前任务的影响,两件事情同时进行,做一件事情时,不影响另一件事情的进行。
用户3461357
2019/08/02
4.1K0
JavaWeb全栈开发前后端交互通用标准
在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数(即URL请求的参数)。
JavaEdge
2021/02/22
8K0
ASP.NET Web API编程——模型验证与绑定
1.模型验证 使用特性约束模型属性 可以使用System.ComponentModel.DataAnnotations提供的特性来限制模型。 例如,Required特性表示字段值不能为空,Range特性限制数值类型的范围。 对实体类使用特性后,可以使用ModelState.IsValid来判断验证是否通过。 例: 实体: public class DataModel { public int Id { get; set; } public string Field1Nam
甜橙很酸
2018/04/18
3.1K0
ASP.NET Web API编程——模型验证与绑定
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后台处理)
AJAX和JSON
open方法不会向服务器发送真正请求,它相当于初始化请求并准备发送只能向同一个域中使用相同协议和端口的URL发送请求,否则会因为安全原因而报错。
乐心湖
2021/01/18
2.8K0
AJAX和JSON
小范笔记:ASP.NET Core API 基础知识与Axios前端提交数据
跟同事合作前后端分离项目,自己对 WebApi 的很多知识不够全,虽说不必要学全栈,可是也要了解基础知识,才能合理设计接口、API,方便与前端交接。
痴者工良
2019/07/04
5.7K0
相关推荐
【愚公系列】2023年10月 .NET CORE工具案例-DeveloperSharp(http请求)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验