ASP.NET Core中的Post请求与响应

前后端交互实战：HTTP请求与Entity Framework应用

原创已于 2022-03-08 14:25:00 修改 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#.Net 6 #asp.net core #http

于 2022-03-08 13:25:15 首次发布

C# 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了前端使用`wx.request`发送POST请求与后端使用ASP.NET Core接收并处理`HttpServletRequest`的示例，以及如何通过Entity Framework操作数据库。同时展示了前端发送JSON格式数据和后端返回格式化的响应。

该文章已生成可运行项目，

1.HttpContext

后端：

app.UseHttpLogging();
app.MapPost("/Test", (HttpContext httpContext) =>
{
    string para = httpContext.Request.Form["para"];
    return httpContext.Response.WriteAsync($"para={para}");
});

前端：

wx.request({
    url: 'http://localhost:5140/test',
    method: 'POST',
    header: { "Content-Type": "application/x-www-form-urlencoded" },
    data: { para: "today is Tuesday" },
    success: res => console.log(res.data)
});

header: { "Content-Type": "application/x-www-form-urlencoded" }为必须项。

结果：

para=today is Tuesday

2.实体类

后端：

using Microsoft.EntityFrameworkCore;
using System.ComponentModel.DataAnnotations;

var builder = WebApplication.CreateBuilder(args);
builder.Services.AddDbContext<CustomerDb>(options => options.UseSqlServer(builder.Configuration.GetConnectionString("XunceWx")));
var app = builder.Build();

app.MapPost("/Test", (Customer customer) =>
{
    return Results.Ok($"name:{customer.Name},tel:{customer.Tel}");
});

app.Run();

class Customer
{
    [Key]
    public long Id { get; set; }
    public string? Name { get; set; }
    public string? Tel { get; set; }
}
#nullable disable
class CustomerDb : DbContext
{
    public CustomerDb(DbContextOptions<CustomerDb> options) : base(options) { }
    public DbSet<Customer> Customer { get; set; }
}

前端：

wx.request({
    url: 'http://localhost:5013/test',
    method: 'POST',
    data: JSON.stringify({ id: 17, name: 'fakename', tel: 'faketel' }),
    header: { "Content-Type": "application/json" },
    success: res => console.log(res.data)
});

header: { "Content-Type": "application/json" }为必须项。