Angular 9 Tutorial For Beginners #61- HTTP POST

[@sachinthakur42]

The whole series of tutorials is really very helpful for beginners as well as advanced users.

[@ARCTutorials]

Hi Sachin. Glad you like the tutorials. I have started Angular 10 series too. Please check it kzbin.info/www/bejne/pXayYX6wjpacpsk

[@rohitmunde3170]

I was struggling a lot for angular but you made it very easy. In the end 10 years of experience matter! Thank you!

[@ARCTutorials]

Glad to hear that. You're very welcome!

[@anushayerra2577]

Hi Sir, I followed all the steps you suggested. But after submitting the form we have to reload the page manually (At video : 32:10 )or else it will be loaded automatically into the list we have created?

[@ARCTutorials]

Hi Anusha. The form should be reloaded automatically once you have included the component via template variables. Can u pls share more details like what error you are seeing?

[@anushayerra2577]

@@ARCTutorials 204 error I am getting

[@anushayerra2577]

@@ARCTutorials but after reloading the page I am getting the data

[@kamalakaryerra5592]

@@ARCTutorials Hi Sir, Me too facing same issue 204 error can you please respond to this issue

[@VikasYadav-qg5kp]

@@kamalakaryerra5592 hi, did you get to know the root cause, I am also facing the same issue

[@cooljaiswal]

Hi Sridhar, The dynamic value example was really helpful for me as i was stuck there and through your videos it got cleared.Thanks for the really good explanation and your voice is crystal clear and not low.

[@ARCTutorials]

If you liked this one, the next Angular CRUD with reactive forms you will really love it!!!

[@mukundsolanki7294]

Sorry to point it out but when the new contact was failing it was not because of the header options as your body content was already json it was because of the primary key id violation given by mock server as Raj named contact already had id: 6 and you were supplying it again not criticizing here you are doing great job i learn various things from you, just to clarify for them who are starting from scratch.

[@ARCTutorials]

Hi Mukund. Yes i too had figured it out. Thanks for notifying

[@katlegoaphane6855]

Just what I wanted thank very very much.

[@sahanabeyratne7783]

Helpful.thanks a lot

[@amanuellebassi7294]

Excellent Lecture.

[@ARCTutorials]

Thanks Buddy!!!

[@amanuellebassi7294]

@@ARCTutorials Thank you for investing your time on us.

[@siddalingappavenkatapur7569]

Excellent explanation 👌👌

[@ARCTutorials]

Glad you liked it

[@pallavisonone6798]

U r very great teacher sir....i like ur all tutorials....

[@ARCTutorials]

So nice of you! Happy Learning Pallavi

[@vikashkumarjha299]

I am getting confused that why do we need to import HttpClient in both app module and the contact service. Isn't it sufficient to import in the contact service only

[@ARCTutorials]

in App Module we need to include "HttpClientModule" and in component or service class we need to import "HttpClient" - ONLY once

[@sharathmadamraju4086]

Sir, I think you should explain what exactly headers are. I didnot understand why it didnot work if we are not passing headers. What are headers and what is application/json? Please describe in this chat box.

[@ARCTutorials]

Hi Sharath. Please follow Angular 10 tutorial series as this will be covered again in detail and you can practice with me along. Please check Angular 10 tutorial series for complete learning kzbin.info/www/bejne/pXayYX6wjpacpsk

[@kiranpawar2463]

Very very great video

[@ARCTutorials]

Thanks Kiran

[@42zemiak42]

Hello my friend from India, I love your work. This tutorial helps me a lot.

[@ARCTutorials]

Thank you so much for your kind words 👍

[@universeboss4865]

Bro sir is also from India

[@ARCTutorials]

True that 👍

[@universeboss4865]

@@ARCTutorials Sir I never thought of such a quick reply, watching all yr videos.

[@ARCTutorials]

Ashish Ranjan i always try and respond quickly. Unless im outside i reply pretty fast ✌️✌️

[@NirmalaKadam-yt8kq]

thank you sir :) keep it up 🙌

[@krishnachaitanya3169]

Superb Video Sir, now my doubts are gone.....

[@ARCTutorials]

Glad to hear that!!! Happy Learning. Regards Sridhar

[@eduamzia]

Woohoo nicely explained all concepts are clear now thank you

[@ARCTutorials]

Glad to hear that Amjad. Thanks Sridhar

[@ramya3693]

Hi, I have sent data using postman to db.json file but the only id inserted. remaining data not inserted in db.json file. how to do that?

[@funnyvedochannel185]

Thanks sir

[@ARCTutorials]

You are most welcome buddy 🙏

[@bhupendra1807]

Hi Sridhar, I saw same 500 error as I passed same id again and hence it was duplicate. I found this in Chrome ARC while testing API.

[@ARCTutorials]

In more realistic way, the id will always be a auto generated and always unique value so we dont have to manage it ourselves 👍

[@pushkardevi733]

For me json header is not required to post data.

[@ARCTutorials]

Hi Pushkar. if you are accessing APIs within your network/domain, headers are not needed. But when you are working with APIs externally or 3rd party APIs, you need to specify the headers

[@peterkim7788]

Wow. I really appreciate your tutorials!

[@ARCTutorials]

Thanks Buddy!!

[@pvsasirekha1]

the series very nice please shared the code to practice it would be really helpful

[@chiragsolanki2215]

please provide your notes which is making while learning ..please make download option for notes

[@ARCTutorials]

Hi Chirag. Please drop me a note at [e-mail]

[@muthuperumalm5638]

createBody, resources ,etc I cannot understand these ,if I understand this concept which video can help me ? please tell sir..

[@kiranpawar2463]

Very nice explain ✌🤟🤘👌

[@ARCTutorials]

Glad you liked it!

[@blueStars77]

This is multipart/form-data media type. Is it correct

[@ARCTutorials]

Yes. these are multipart/form-data

[@blueStars77]

@@ARCTutorials tried this one. but i caught 415 media error.

[@ashwini6804]

In header I am getting same value no change .and my page was reloaded when I click on the create button ???

[@amitmoral]

hello sir I created a crud application using node, express & mysql. It's working fine in backend but in frontend I get some 404 (Not Found) error when post item. path is of because I get all item when I use get post. please help

[@lakkaramnaveenkumar3295]

sir id must be unique....but u have entered 6 for second time...later u have entered 7 so it worked!!! ....... think there is no issue with the header for sure.

[@ARCTutorials]

Yes id’s should be unique. We figured it out in next tutorial

[@shashikumarkothuri9204]

how can i overcome of cant read property error.

[@khushboodeep5017]

All your video are really good, plz sir make a good project on angular so that we can learn more . Thank you

[@ARCTutorials]

Sure I will start a Angular Application soon. Thanks Sridhar

[@khushboodeep5017]

@@ARCTutorials plz do ASAP bcoz only project work can help us to get job . Thank you so much sir

[@MuhammadHamza-ch3kg]

bro please make tutorials course of angular state management

[@kiranmoulimouli4283]

Hii sir, what's that postman application As a fresher I can't understand that plz explain that, and u added headers but u didn't explained about that plz explain it

[@ARCTutorials]

Sure Kiran. I will add a quick basic tutorial on POSTman for beginners

[@kiranmoulimouli4283]

Without postman can I perform HTTPpost method

[@ARCTutorials]

Yes we can create without post. For that we need a form to submit. Almost 99% times to test Apis we use POSTMAN tool

[@pritishukla8390]

Hi sir.. thank you for the tutorial... But how we can read response headers... How i can read file name that we are getting in response header in content-disposition... Please help with this ... Thank you 🙏

[@RamuRamu-jp3yy]

good explanation thanks subscribed can you create a video on two headers and footer before login and after login i want to show another header for registered users. thanks Liked.

[@ARCTutorials]

Yes, sure

[@RamuRamu-jp3yy]

@@ARCTutorials Thanks waiting for it

[@sreenuksr]

Hi Sridhar, I am getting this error - 500 (Internal Server Error). I am using json-server . Please let me know the issue fix. thank you. Even I have added headers as well

[@ARCTutorials]

Hi Sreeni. 500 usually is a server side error. Looks like you got the spelling mistake in the URL in product.service.ts file. I suspect you are missing ‘products’ instead you have ‘product’ in POST call method. Please check

[@sreenuksr]

@@ARCTutorials everything is right but getting error. I duble checked

[@ARCTutorials]

I will send u email with code snippets in sometime!!! U can cross check

[@sreenuksr]

@@ARCTutorials Okay Sridhar, first time it is adding correctly but when I post next time it is giving that issue. Okay i will see your code once it in my inbox - [e-mail]. Hope you have it my email :)

[@sreenuksr]

@@ARCTutorials please send when u get time. I would like to check. Thank you. My email - [e-mail]

[@mundlapatipraveen9762]

I want URL not local how to get it... please help me sir....

[@ARCTutorials]

Hi Praveen. What exactly do you want? Sorry I dint follow?

[@mundlapatipraveen9762]

@@ARCTutorials Thanks for your reply... Sir I want my contact info store into my database using a url like Jsonplaceholder.. like...... please replay sir...

[@srikanthreddy9547]

Sir, really very good tutorial. But videos getting too late.. please post early.. from one to one video because these concepts are interrelated.. so waiting eagerly.

[@ARCTutorials]

Sure Srikant. I promise to speed up the tutorials from tomorrow. Thank you. Sridhar

[@vijaykumar-nn2ln]

Hi Sir. Im Seriously following your tutorials. When I use Postman with Post I'm getting only ID not any other Data. Why.? Can you please help me. 😮‍💨

[@nahushhv4159]

sir i didnt understand post method , like till 17 mins i understood after that i didnt understand because of form

[@saitarun3852]

sir, am getting 500 internal server error while posting with json url

[@ARCTutorials]

Im using json-server to do POST. U should check out the tutorial on httpclient, i have shown how to install and use it. Try it out and let me know

[@saitarun3852]

@@ARCTutorials i tried after watching the video

[@ARCTutorials]

500 internal error means sever is rejecting. So certainly something wrong in setting up your json server and endpoint. Try httpclient and get tutorial step by step.

[@saitarun3852]

@@ARCTutorials actually response for get is success while posting am getting 500 error

[@ARCTutorials]

Did u add headers?? Content type?

[@ahmedabdulrasheed9332]

Hi I am getting error as net::ERR_SSL_PROTOCOL_ERROR need your help

[@ARCTutorials]

Hi Ahmed. Pls send screenshot to [e-mail]

[@akshaysaini9560]

Your audio is very low in almost all videos. You should use good quality mic OR should speak little louder. Its difficult to watch your videos without earphone.

[@ARCTutorials]

Hi Akshay. Yes im trying to save up some money to buy a good noise cancellation headphone. Hopefully next month. The sound quality should improve 👍

[@vijaykumar-nn2ln]

I think it is better to do the POST method again. Enire code is clumsy

[@ARCTutorials]

Sure. I will implement it in the Angular 14 series.

[@vijaykumar-nn2ln]

@@ARCTutorials Thank you sir. Why I'm asking others tutorials explained easier way. Except post and put method remaining is awesome sir. Appiriciate your efforts

[@ARCTutorials]

Sure buddy. I appreciate your feedback. Thank you

[@nareshtaviti3408]

bro please add how to error handling in angular please

[@ARCTutorials]

I will soon make a tutorial on error handling soon

[@payalbehera8070]

sir please hep me this error Error: src/app/contacts/contacts.component.html:5:11 - error TS2339: Property 'contact' does not exist on type 'ContactsComponent'. 5 {{contact.FirstName}}

[@shashikumarkothuri9204]

core.js:4352 ERROR TypeError: Cannot read property 'createEmployee' of undefined at ContactComponent.AddnewEmploye i am getting this error

[@HieuTran-go1dw]

I listening without earphone. It is difficult to listen. In the future, I hope you can improve your sound video . Thank you

[@ARCTutorials]

My apologies. I have tried and improved my audio devices recently hopefully it will be better soon.

[@adityageddala3311]

Sir provide me full react js

[@ARCTutorials]

Hi Aditya. I will soon start the series on React. Thanks Sridhar

[@adityageddala3311]

@@ARCTutorials thank you

[@aravindawesome3935]

I have a doubt!!!

[@toannew]

12:43

[@yelagandulasridhar7011]

Please upload the source code in git

[@ARCTutorials]

Sure buddy. Will do asap