Readdy Write

Daten senden in Angular an Web API

09.02.2021 (👁7665)


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

                               

 


0,00 €