In angular6 i faced the issue regarding API hit while post

Question

My form values poster successfully but not able to hit to API

Veerendra Annigere · Answer

Your API hit from angular is successfull ? or its giving CORS error ? Please put a screen shot of console if any error.

vinoth kumar · Answer

Api and database are in the server these are not problem.api to database post the data successfull.but using angular to api is the problem.and send my code. TS samplecollection() { debugger ; this .submitted = true ; this .values.PreferedStartDate = formatDate( this .specvalues.PreferedStartDate, "dd-MMM-yyyy" , "en-US" ) + " " + this .specvalues.prefferedTime; // this.values.prefferedTime = this.specvalues.prefferedTime, // this.values.Collection = this.specvalues.Collection, this .values.RequestedBy = this .selectedtitle[1] + this .specvalues.RequestedBy; this .values.ContactNumber = this .specvalues.ContactNumber; this .values.AddressLine = this .specvalues.AddressLine; this .values.Location = this .specvalues.Location; this .values.EmailId = this .specvalues.EmailId; this .values.PinCode = this .specvalues.PinCode; this .values.Remarks = this .specvalues.Remarks; this .values.Description = this .specvalues.Description; this .values.DateOfBirth = this .specvalues.DateOfBirth; this .values.Gender = this .selectedtitle[0].toString(); this .homecareParam = new HCDefaultParams(); this .homecareParam.DeviceId = "KmhAppointments" ; this .homecareParam.IMEINumber = "Online-SampleCollection-Booking" ; this .homecareParam.homeCareEntities = this .values; this ._Collectionservice.CreateCollection( this .homecareParam).subscribe() //((Response) => { if (Response) { debugger ; this .data = true ; this .message = 'Appointment booked successfully' ; alert( "Appointment booked successfully" ); this .loginForm.reset(); this .router.navigate([ 'viewdetail' ]); } // }); } service CreateCollection(element: any) { debugger ; const httpOptions = { headers: new HttpHeaders({ 'Content-Type' : 'application/json' }) }; return this ._http.post (Url + "aircare/homecare/collectmysample" , element, httpOptions) } class export class HCDefaultParams { DeviceId: string; IMEINumber: string; homeCareEntities: HomeSampleCollectionDetail; } export class HomeSampleCollectionDetail { PreferedStartDate: string; prefferedTime: string; Collection: string; RequestedBy: string; ContactNumber: number; AddressLine: string; Location: string; EmailId: string; PinCode: number; Remarks: string; Description: string; DateOfBirth: Date; // age: number; Gender: string; CreatedBy: number = 569; ModeofBooking: number = 11; RequestType: number = 1; } share ur suggession

Sanwar Ranwa · Answer

First test the api using Postman and then check the api url that enter in angular app or share your code

vinoth kumar · Answer

thanks, ronika jensy for ur response..........but it is not solve my problem...

Ronika Jency · Answer

See the link for post sample - https://yogeshdotnet.com/angular-4-http-post-services-using-web-api-example/

vinoth kumar · Answer

hiii.... any one is there.to solve my problem.

vinoth kumar · Answer

As am mentioned above post a data data from UI to Api .UI post the data successfully but not hit the api.the api and database are in the server.and one more thing cors error will occur.

Ronika Jency · Answer

Tell me the exact issue you are facing.

vinoth kumar · Answer

someone help me to find out the solution......for the below problem

vinoth kumar · Answer

In Angular only post the data successfully but not hitting the api and database

vinoth kumar · Answer

yes u r right

Sanwar Ranwa · Answer

Hello Vinoth Your question is not clear ,you said api is not hit ,but values post successfully right ?

In angular6 i faced the issue regarding API hit while post

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (12)