Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Daten senden in Angular an Web API

09.02.2021 (👁327)


Wie sendet man Daten an einen Web API in Asp.Net Core.

In Angular werden die Daten an das Web API gesendet mit http.post(..)

Dabei ist der erste Parameter die URL der WebAPI und der zweite Parameter die Werte als key:value Pair, also { key:"value"} geschrieben

return this.http

      .post(this.url_Api_Base + "/1" , { title: 'Angular POST Request Example' } )

Asp.Net Core Controller

Im Asp.Net Core Controller kommt die Web Anfrage als HttpPost mit einer einzelnen ID an und übergibt die Daten im zweiten Parameter.

Wichtig ist dabei, dass die Daten als Key-Value Pair ankommen, das heißt, sie müssen mit http.post(id,{key:value}) in Angular gesendet werden.

[HttpPost("{id}")] 

        public async  Task<IActionResult> PostTimeRecord(int id, object objBody)

        {

 

 

Name

Value

Type

this.Request.Path

{/api/TimeRecords/1}

Microsoft.AspNetCore.Http.PathString

RootElement

ValueKind = Object : "{"title":"Angular POST Request Example"}"

System.Text.Json.JsonElement