Component or Service:<\/p>\n
let data = {'title': 'foo',\t'body': 'bar', 'userId': 1};\r\n this.http.post('http:\/\/localhost\/angular4\/angcrud\/add_student_action.php', data)\r\n .subscribe(\r\n (res:Response) => {\r\n console.log(res.json());\r\n },\r\n err => {\r\n console.log(\"Error occured\");\r\n }\r\n );<\/pre>\n <\/p>\n
Php Script:<\/p>\n
<?php\r\n\r\n\r\n$postdata = file_get_contents(\"php:\/\/input\");\r\n$request = json_decode($postdata);\r\n\r\nheader('Content-type: application\/json');\r\nheader(\"Access-Control-Allow-Origin: *\");\r\nheader('Access-Control-Allow-Headers: X-Requested-With, content-type, access-control-allow-origin, access-control-allow-methods, access-control-allow-headers');\r\n\/\/$res_ar = array(\"foo\"=> $_REQUEST['body']);\r\n\r\n\r\necho json_encode($request);\r\n\r\n?>\r\n\r\n\r\n<\/pre>\n<form #studentForm = \"ngForm\" (ngSubmit)=\"addStudentRecord(studentForm.value)\">\r\n First name:<br>\r\n <input type=\"text\" name=\"firstname\" value=\"Mickey\" ngModel>\r\n <br>\r\n Last name:<br>\r\n <input type=\"text\" name=\"lastname\" value=\"Mouse\" ngModel>\r\n <br><br>\r\n <input type=\"submit\" value=\"Submit\">\r\n<\/form><\/pre>\n <\/p>\n","protected":false},"excerpt":{"rendered":"
Component or Service: let data = {‘title’: ‘foo’, ‘body’: ‘bar’, ‘userId’: 1}; this.http.post(‘http:\/\/localhost\/angular4\/angcrud\/add_student_action.php’, data) .subscribe( (res:Response) => { console.log(res.json()); }, err => { console.log(“Error occured”); } ); Php Script: <?php $postdata = file_get_contents(“php:\/\/input”); $request = json_decode($postdata); header(‘Content-type: application\/json’); header(“Access-Control-Allow-Origin: *”); header(‘Access-Control-Allow-Headers: X-Requested-With, content-type, access-control-allow-origin, access-control-allow-methods, access-control-allow-headers’); \/\/$res_ar = array(“foo”=> $_REQUEST[‘body’]); echo json_encode($request); ?> <form […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts\/454"}],"collection":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=454"}],"version-history":[{"count":4,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts\/454\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/posts\/454\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/categories?post=454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/tags?post=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}