{"id":317,"date":"2018-04-24T07:01:50","date_gmt":"2018-04-24T01:16:50","guid":{"rendered":"http:\/\/sulavpaudel.com.np\/?p=317"},"modified":"2018-04-24T07:09:27","modified_gmt":"2018-04-24T01:24:27","slug":"angular-4-3-httpclient-accessing-rest-web-services-with-angular","status":"publish","type":"post","link":"https:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/","title":{"rendered":"Angular 4.3 HttpClient (Accessing REST Web Services With Angular)"},"content":{"rendered":"<p>In Angular 4.3 the new\u00a0<span style=\"color: #339966;\"><strong><em class=\"markup--em markup--p-em\">HttpClientModule<\/em><\/strong><\/span>\u00a0has been introduced. This new module is available in package\u00a0<strong><span style=\"color: #339966;\"><em class=\"markup--em markup--p-em\">@angular\/common\/http<\/em><\/span><\/strong>\u00a0and a complete re-implementation of the former\u00a0<span style=\"color: #339966;\"><strong><em class=\"markup--em markup--p-em\">HttpModule<\/em><\/strong><\/span>. The new\u00a0<strong><span style=\"color: #339966;\"><em class=\"markup--em markup--p-em\">HttpClient<\/em><\/span><\/strong>\u00a0service is included in\u00a0<span style=\"color: #339966;\"><strong><em class=\"markup--em markup--p-em\">HttpClientModule<\/em><\/strong><\/span>\u00a0and can be used to initiate HTTP request and process responses within your application.<\/p>\n<p>Let\u2019s see how to use the new\u00a0<em class=\"markup--em markup--p-em\">HttpClient<\/em>\u00a0in your Angular 4.3 project.<\/p>\n<h3 id=\"aa37\" class=\"graf graf--h3 graf-after--p\">Making HttpClient Available In The\u00a0Project<\/h3>\n<p>To be able to use the\u00a0<em class=\"markup--em markup--p-em\">HttpClient<\/em>\u00a0service within your components we first need to include the\u00a0<em class=\"markup--em markup--p-em\">HttpClientModule<\/em>\u00a0in the Angular application. First we need to import\u00a0<em class=\"markup--em markup--p-em\">HttpClient<\/em>\u00a0module in the application\u2019s root module in file\u00a0<em class=\"markup--em markup--p-em\">app.module.ts<\/em>:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;code&gt;<\/p>\n<pre id=\"934c\" class=\"graf graf--pre graf-after--p\">import { BrowserModule } from '@angular\/platform-browser';\r\nimport { NgModule } from '@angular\/core';\r\nimport { HttpClientModule } from '@angular\/common\/http';\r\nimport { AppComponent } from '.\/app.component';<\/pre>\n<pre id=\"0fa9\" class=\"graf graf--pre graf-after--pre\">@NgModule({\r\n  declarations: [\r\n    AppComponent\r\n  ],\r\n  imports: [\r\n    BrowserModule,\r\n    HttpClientModule\r\n  ],\r\n  providers: [],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }<\/pre>\n<p>&lt;\/code&gt;<\/p>\n<p>Once imported you can make use of\u00a0<em class=\"markup--em markup--p-em\">HttpClient<\/em>\u00a0in your components. To make\u00a0<em class=\"markup--em markup--p-em\">HttpClient<\/em>\u00a0available in the component class you need to inject it into the class constructor like you can see in the following:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;code&gt;<\/p>\n<pre id=\"826e\" class=\"graf graf--pre graf-after--p\">import { Component, OnInit } from '@angular\/core';\r\nimport { HttpClient } from '@angular\/common\/http';<\/pre>\n<pre id=\"3197\" class=\"graf graf--pre graf-after--pre\">@Component({\r\n  selector: 'app-root',\r\n  templateUrl: '.\/app.component.html',\r\n  styleUrls: ['.\/app.component.css']\r\n})\r\nexport class AppComponent  {\r\n  title = 'app';\r\n  constructor(private http: HttpClient){ }\r\n}<\/pre>\n<p>&lt;\/code&gt;<\/p>\n<p><em class=\"markup--em markup--p-em\">HttpClient<\/em>\u00a0will use the\u00a0<em class=\"markup--em markup--p-em\">XMLHttpRequest<\/em>\u00a0browser API to execute HTTP request. In order to execute HTTP request of a specific type you can use the following methods which corresponds to HTTP verbs:<\/p>\n<ul>\n<li id=\"99f1\" class=\"graf graf--li graf-after--p\">get<\/li>\n<li id=\"f498\" class=\"graf graf--li graf-after--li\">post<\/li>\n<li id=\"a8a2\" class=\"graf graf--li graf-after--li\">put<\/li>\n<li id=\"11f9\" class=\"graf graf--li graf-after--li\">delete<\/li>\n<li id=\"69aa\" class=\"graf graf--li graf-after--li\">patch<\/li>\n<li id=\"8563\" class=\"graf graf--li graf-after--li\">head<\/li>\n<li id=\"f56e\" class=\"graf graf--li graf-after--li\">jsonp<\/li>\n<\/ul>\n<h3 id=\"50a5\" class=\"graf graf--h3 graf-after--li\">Using HttpClient To Request\u00a0Data<\/h3>\n<p>Let\u2019s implement a simple example which uses GitHub\u2019s REST API to request user data. Insert the following code in file\u00a0<em class=\"markup--em markup--p-em\">app.component.ts<\/em>:<\/p>\n<p>&lt;code&gt;<\/p>\n<pre id=\"f514\" class=\"graf graf--pre graf-after--p\">import { Component, OnInit } from '@angular\/core';\r\nimport { HttpClient } from '@angular\/common\/http';<\/pre>\n<pre id=\"33bc\" class=\"graf graf--pre graf-after--pre\">@Component({\r\n  selector: 'app-root',\r\n  templateUrl: '.\/app.component.html',\r\n  styleUrls: ['.\/app.component.css']\r\n})\r\nexport class AppComponent implements OnInit {\r\n  title = 'app';\r\n  results = '';\r\n  constructor(private http: HttpClient){\r\n  }\r\n\r\n  ngOnInit(): void { \r\n     this.http.get('https:\/\/api.test.com\/users)\r\n              .subscribe(data =&gt; { \r\n                   console.log(data); \r\n               }); \r\n  }\r\n}<\/pre>\n<p>&lt;\/code&gt;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Angular 4.3 the new\u00a0HttpClientModule\u00a0has been introduced. This new module is available in package\u00a0@angular\/common\/http\u00a0and a complete re-implementation of the former\u00a0HttpModule. The new\u00a0HttpClient\u00a0service is included in\u00a0HttpClientModule\u00a0and can be used to initiate HTTP request and process responses within your application. Let\u2019s see how to use the new\u00a0HttpClient\u00a0in your Angular 4.3 project. Making HttpClient Available In The\u00a0Project To [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[97],"tags":[101,98,102,100],"courses":[],"units":[],"jetpack_publicize_connections":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular 4.3 HttpClient (Accessing REST Web Services With Angular) - Learning Space<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 4.3 HttpClient (Accessing REST Web Services With Angular) - Learning Space\" \/>\n<meta property=\"og:description\" content=\"In Angular 4.3 the new\u00a0HttpClientModule\u00a0has been introduced. This new module is available in package\u00a0@angular\/common\/http\u00a0and a complete re-implementation of the former\u00a0HttpModule. The new\u00a0HttpClient\u00a0service is included in\u00a0HttpClientModule\u00a0and can be used to initiate HTTP request and process responses within your application. Let\u2019s see how to use the new\u00a0HttpClient\u00a0in your Angular 4.3 project. Making HttpClient Available In The\u00a0Project To [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"Learning Space\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-24T01:16:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-24T01:24:27+00:00\" \/>\n<meta name=\"author\" content=\"Sulav Paudel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sulav Paudel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\"},\"author\":{\"name\":\"Sulav Paudel\",\"@id\":\"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72\"},\"headline\":\"Angular 4.3 HttpClient (Accessing REST Web Services With Angular)\",\"datePublished\":\"2018-04-24T01:16:50+00:00\",\"dateModified\":\"2018-04-24T01:24:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\"},\"wordCount\":240,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72\"},\"keywords\":[\"@angular\/common\/http\",\"Angular\",\"HttpClient\",\"XMLHttpRequest\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\",\"url\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\",\"name\":\"Angular 4.3 HttpClient (Accessing REST Web Services With Angular) - Learning Space\",\"isPartOf\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/#website\"},\"datePublished\":\"2018-04-24T01:16:50+00:00\",\"dateModified\":\"2018-04-24T01:24:27+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/sulavpaudel.com.np\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 4.3 HttpClient (Accessing REST Web Services With Angular)\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/sulavpaudel.com.np\/#website\",\"url\":\"http:\/\/sulavpaudel.com.np\/\",\"name\":\"Learning Space\",\"description\":\"Study materials\",\"publisher\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/sulavpaudel.com.np\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72\",\"name\":\"Sulav Paudel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/sulavpaudel.com.np\/wp-content\/uploads\/2023\/03\/logo.png?fit=1000%2C244&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/sulavpaudel.com.np\/wp-content\/uploads\/2023\/03\/logo.png?fit=1000%2C244&ssl=1\",\"width\":1000,\"height\":244,\"caption\":\"Sulav Paudel\"},\"logo\":{\"@id\":\"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/image\/\"},\"url\":\"https:\/\/sulavpaudel.com.np\/author\/sulavji\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular 4.3 HttpClient (Accessing REST Web Services With Angular) - Learning Space","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/","og_locale":"en_US","og_type":"article","og_title":"Angular 4.3 HttpClient (Accessing REST Web Services With Angular) - Learning Space","og_description":"In Angular 4.3 the new\u00a0HttpClientModule\u00a0has been introduced. This new module is available in package\u00a0@angular\/common\/http\u00a0and a complete re-implementation of the former\u00a0HttpModule. The new\u00a0HttpClient\u00a0service is included in\u00a0HttpClientModule\u00a0and can be used to initiate HTTP request and process responses within your application. Let\u2019s see how to use the new\u00a0HttpClient\u00a0in your Angular 4.3 project. Making HttpClient Available In The\u00a0Project To [&hellip;]","og_url":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/","og_site_name":"Learning Space","article_published_time":"2018-04-24T01:16:50+00:00","article_modified_time":"2018-04-24T01:24:27+00:00","author":"Sulav Paudel","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sulav Paudel","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#article","isPartOf":{"@id":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/"},"author":{"name":"Sulav Paudel","@id":"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72"},"headline":"Angular 4.3 HttpClient (Accessing REST Web Services With Angular)","datePublished":"2018-04-24T01:16:50+00:00","dateModified":"2018-04-24T01:24:27+00:00","mainEntityOfPage":{"@id":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/"},"wordCount":240,"commentCount":0,"publisher":{"@id":"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72"},"keywords":["@angular\/common\/http","Angular","HttpClient","XMLHttpRequest"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/","url":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/","name":"Angular 4.3 HttpClient (Accessing REST Web Services With Angular) - Learning Space","isPartOf":{"@id":"http:\/\/sulavpaudel.com.np\/#website"},"datePublished":"2018-04-24T01:16:50+00:00","dateModified":"2018-04-24T01:24:27+00:00","breadcrumb":{"@id":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/sulavpaudel.com.np\/blog\/angular-4-3-httpclient-accessing-rest-web-services-with-angular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/sulavpaudel.com.np\/"},{"@type":"ListItem","position":2,"name":"Angular 4.3 HttpClient (Accessing REST Web Services With Angular)"}]},{"@type":"WebSite","@id":"http:\/\/sulavpaudel.com.np\/#website","url":"http:\/\/sulavpaudel.com.np\/","name":"Learning Space","description":"Study materials","publisher":{"@id":"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/sulavpaudel.com.np\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/7c101767e64af85fbc5534829f9ced72","name":"Sulav Paudel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/sulavpaudel.com.np\/wp-content\/uploads\/2023\/03\/logo.png?fit=1000%2C244&ssl=1","contentUrl":"https:\/\/i0.wp.com\/sulavpaudel.com.np\/wp-content\/uploads\/2023\/03\/logo.png?fit=1000%2C244&ssl=1","width":1000,"height":244,"caption":"Sulav Paudel"},"logo":{"@id":"http:\/\/sulavpaudel.com.np\/#\/schema\/person\/image\/"},"url":"https:\/\/sulavpaudel.com.np\/author\/sulavji\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p9BX3w-57","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":350,"url":"https:\/\/sulavpaudel.com.np\/core-java\/java-assignment-iii-batch-2071\/","url_meta":{"origin":317,"position":0},"title":"JAVA: Assignment III (Batch 2071)","date":"April 24, 2018","format":false,"excerpt":"Please complete this assignment as the fulfillment as one of the task of 7th semester. Submission Deadline: 30th Chaitra, 2074 (New Year Eve) Questions: Explain all layout manager of swing framework in JAVA with suitable example of each. What is MVC design pattern? Explain it in detail. What are the\u2026","rel":"","context":"In &quot;Core Java&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":608,"url":"https:\/\/sulavpaudel.com.np\/core-java\/sample-of-java-project-in-swing-framework\/","url_meta":{"origin":317,"position":1},"title":"Sample of java project in SWING Framework","date":"March 9, 2020","format":false,"excerpt":"In this post, we'll look at how to use different Swing component + JDBC connection, and demonstrate using an example MySQL. In this post, we are going to demonstrate Swing components + JDBC connection for operating CURD operations. Student information will be stored in a relational database. To do this,\u2026","rel":"","context":"In &quot;Core Java&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sulavpaudel.com.np\/wp-content\/uploads\/2020\/03\/Capture-1.png?fit=989%2C565&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":604,"url":"https:\/\/sulavpaudel.com.np\/core-java\/lab-questions-for-bca-java\/","url_meta":{"origin":317,"position":2},"title":"Lab Questions for BCA (JAVA)","date":"March 5, 2020","format":false,"excerpt":"Questions Create your own class and create three methods inside that class as method1(), method2() and method3(). Invoke method2() from method1() and method3() from method2(). Tasks: The exception must have occurred in your program.method3() should throws the exception.method1() should handle the exception using try-catch-finally blocks. Write a program for multithreading.\u2026","rel":"","context":"In &quot;Core Java&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/sulavpaudel.com.np\/wp-content\/uploads\/2020\/03\/Capture01.png?fit=829%2C468&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":138,"url":"https:\/\/sulavpaudel.com.np\/microprocessor\/programmable-interrupt-controller-8259-pic\/","url_meta":{"origin":317,"position":3},"title":"MP: Programmable Interrupt Controller (8259 PIC)","date":"October 25, 2017","format":false,"excerpt":"A\u00a0programmable\/priority interrupt controller designed to work with Intel Microprocessors 8085, 8086 and 8088. It is used to manage and resolve the interrupts issued from a\u00a0 number of inputs, output devices at the same time. Most common PIC that accepts interrupt requested from up to 8 I\/O devices (in single mode)\u2026","rel":"","context":"In &quot;Microprocessor&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":42,"url":"https:\/\/sulavpaudel.com.np\/computer-networks\/how-http-works\/","url_meta":{"origin":317,"position":4},"title":"CN: How HTTP works?","date":"July 27, 2017","format":false,"excerpt":"Implemented in two programs a client program & a server program executing on different end systems, talk to each other by exchanging HTTP messages.","rel":"","context":"In &quot;CN Courses&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":40,"url":"https:\/\/sulavpaudel.com.np\/computer-networks\/overview-of-http\/","url_meta":{"origin":317,"position":5},"title":"CN: Overview of HTTP","date":"July 24, 2017","format":false,"excerpt":"HTTP is the most widely used Application Layer Protocol in the world. the foundation of data communication for World Wide Web. the web's application layer protocol for transferring various forms of data between server and client like plain text, hypertext, image, videos and sounds. purpose is to provide a lightweight\u2026","rel":"","context":"In &quot;CN Courses&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/posts\/317"}],"collection":[{"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/comments?post=317"}],"version-history":[{"count":3,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/posts\/317\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/posts\/317\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/media?parent=317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/categories?post=317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/tags?post=317"},{"taxonomy":"courses","embeddable":true,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/courses?post=317"},{"taxonomy":"units","embeddable":true,"href":"https:\/\/sulavpaudel.com.np\/wp-json\/wp\/v2\/units?post=317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}