[{"data":1,"prerenderedAt":1227},["ShallowReactive",2],{"article:angularjs-post-request-php-creating-login-form-309":3,"\u002Fblog\u002Fangularjs-post-request-php-creating-login-form-309-surround":1216},{"id":4,"title":5,"author":6,"body":7,"date":1204,"description":1205,"extension":1206,"image":1207,"meta":1208,"minRead":70,"navigation":1188,"path":1210,"published":1188,"seo":1211,"stem":1212,"tags":1213,"__hash__":1215},"blog\u002Fblog\u002Fangularjs-post-request-php-creating-login-form-309.md","AngularJS POST request with PHP (Creating login form)","Baljeet Singh",{"type":8,"value":9,"toc":1202},"minimark",[10,14,27,584,1016,1195,1198],[11,12,13],"p",{},"After searching through many articles for how to send  AngularJS POST data to PHP, the solutions i found were not up to the point. So, i decided to create a simple login form that will POST data to PHP & in the PHP file we can check the posted data against the values in our mysql database or whatever database, but i am checking the requested data against the static values & then the PHP script return the response back to the client side. There are 3 files namely index.html, app.js, login.php",[15,16,17,21,24],"ul",{},[18,19,20],"li",{},"In the index.html, there is login form",[18,22,23],{},"In the app.js, Angular module & controller is defined",[18,25,26],{},"In the login.php, the validation is done (currently againt static values)",[28,29,35],"pre",{"className":30,"code":31,"filename":32,"language":33,"meta":34,"style":34},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!doctype html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cmeta charset=\"utf-8\" \u002F>\n    \u003Ctitle>AngularJS Post data with PHP\u003C\u002Ftitle>\n    \u003Clink\n      rel=\"stylesheet\"\n      href=\"\u002F\u002Fmaxcdn.bootstrapcdn.com\u002Fbootstrap\u002F3.2.0\u002Fcss\u002Fbootstrap.min.css\"\n    \u002F>\n    \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.2.24\u002Fangular.min.js\">\u003C\u002Fscript>\n    \u003Cscript src=\"app.js\" type=\"text\u002Fjavascript\">\u003C\u002Fscript>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cdiv class=\"container\">\n      \u003Ch1>AngularJS ajax POST with PHP\u003C\u002Fh1>\n      \u003Cdiv ng-app=\"angularPostPHP\" ng-controller=\"loginCtrl\">\n        \u003Cinput\n          class=\"form-control\"\n          type=\"text\"\n          ng-model=\"email\"\n          placeholder=\"Enter Your Email\"\n        \u002F>\u003Cbr \u002F>\n        \u003Cinput\n          class=\"form-control\"\n          type=\"password\"\n          ng-model=\"password\"\n          placeholder=\"Enter Your Password\"\n        \u002F>\u003Cbr \u002F>\n        \u003Cbutton class=\"btn btn-success\" ng-click=\"login()\">Login\u003C\u002Fbutton>\u003Cbr \u002F>\n        \u003Cspan>{{responseMessage}}\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","index.html","html","",[36,37,38,58,68,79,106,128,136,152,167,173,200,236,246,256,278,298,331,340,355,370,385,400,411,418,431,445,458,472,481,528,546,556,566,575],"code",{"__ignoreMap":34},[39,40,43,47,51,55],"span",{"class":41,"line":42},"line",1,[39,44,46],{"class":45},"sMK4o","\u003C!",[39,48,50],{"class":49},"swJcz","doctype",[39,52,54],{"class":53},"spNyl"," html",[39,56,57],{"class":45},">\n",[39,59,61,64,66],{"class":41,"line":60},2,[39,62,63],{"class":45},"\u003C",[39,65,33],{"class":49},[39,67,57],{"class":45},[39,69,71,74,77],{"class":41,"line":70},3,[39,72,73],{"class":45},"  \u003C",[39,75,76],{"class":49},"head",[39,78,57],{"class":45},[39,80,82,85,88,91,94,97,101,103],{"class":41,"line":81},4,[39,83,84],{"class":45},"    \u003C",[39,86,87],{"class":49},"meta",[39,89,90],{"class":53}," charset",[39,92,93],{"class":45},"=",[39,95,96],{"class":45},"\"",[39,98,100],{"class":99},"sfazB","utf-8",[39,102,96],{"class":45},[39,104,105],{"class":45}," \u002F>\n",[39,107,109,111,114,117,121,124,126],{"class":41,"line":108},5,[39,110,84],{"class":45},[39,112,113],{"class":49},"title",[39,115,116],{"class":45},">",[39,118,120],{"class":119},"sTEyZ","AngularJS Post data with PHP",[39,122,123],{"class":45},"\u003C\u002F",[39,125,113],{"class":49},[39,127,57],{"class":45},[39,129,131,133],{"class":41,"line":130},6,[39,132,84],{"class":45},[39,134,135],{"class":49},"link\n",[39,137,139,142,144,146,149],{"class":41,"line":138},7,[39,140,141],{"class":53},"      rel",[39,143,93],{"class":45},[39,145,96],{"class":45},[39,147,148],{"class":99},"stylesheet",[39,150,151],{"class":45},"\"\n",[39,153,155,158,160,162,165],{"class":41,"line":154},8,[39,156,157],{"class":53},"      href",[39,159,93],{"class":45},[39,161,96],{"class":45},[39,163,164],{"class":99},"\u002F\u002Fmaxcdn.bootstrapcdn.com\u002Fbootstrap\u002F3.2.0\u002Fcss\u002Fbootstrap.min.css",[39,166,151],{"class":45},[39,168,170],{"class":41,"line":169},9,[39,171,172],{"class":45},"    \u002F>\n",[39,174,176,178,181,184,186,188,191,193,196,198],{"class":41,"line":175},10,[39,177,84],{"class":45},[39,179,180],{"class":49},"script",[39,182,183],{"class":53}," src",[39,185,93],{"class":45},[39,187,96],{"class":45},[39,189,190],{"class":99},"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.2.24\u002Fangular.min.js",[39,192,96],{"class":45},[39,194,195],{"class":45},">\u003C\u002F",[39,197,180],{"class":49},[39,199,57],{"class":45},[39,201,203,205,207,209,211,213,216,218,221,223,225,228,230,232,234],{"class":41,"line":202},11,[39,204,84],{"class":45},[39,206,180],{"class":49},[39,208,183],{"class":53},[39,210,93],{"class":45},[39,212,96],{"class":45},[39,214,215],{"class":99},"app.js",[39,217,96],{"class":45},[39,219,220],{"class":53}," type",[39,222,93],{"class":45},[39,224,96],{"class":45},[39,226,227],{"class":99},"text\u002Fjavascript",[39,229,96],{"class":45},[39,231,195],{"class":45},[39,233,180],{"class":49},[39,235,57],{"class":45},[39,237,239,242,244],{"class":41,"line":238},12,[39,240,241],{"class":45},"  \u003C\u002F",[39,243,76],{"class":49},[39,245,57],{"class":45},[39,247,249,251,254],{"class":41,"line":248},13,[39,250,73],{"class":45},[39,252,253],{"class":49},"body",[39,255,57],{"class":45},[39,257,259,261,264,267,269,271,274,276],{"class":41,"line":258},14,[39,260,84],{"class":45},[39,262,263],{"class":49},"div",[39,265,266],{"class":53}," class",[39,268,93],{"class":45},[39,270,96],{"class":45},[39,272,273],{"class":99},"container",[39,275,96],{"class":45},[39,277,57],{"class":45},[39,279,281,284,287,289,292,294,296],{"class":41,"line":280},15,[39,282,283],{"class":45},"      \u003C",[39,285,286],{"class":49},"h1",[39,288,116],{"class":45},[39,290,291],{"class":119},"AngularJS ajax POST with PHP",[39,293,123],{"class":45},[39,295,286],{"class":49},[39,297,57],{"class":45},[39,299,301,303,305,308,310,312,315,317,320,322,324,327,329],{"class":41,"line":300},16,[39,302,283],{"class":45},[39,304,263],{"class":49},[39,306,307],{"class":53}," ng-app",[39,309,93],{"class":45},[39,311,96],{"class":45},[39,313,314],{"class":99},"angularPostPHP",[39,316,96],{"class":45},[39,318,319],{"class":53}," ng-controller",[39,321,93],{"class":45},[39,323,96],{"class":45},[39,325,326],{"class":99},"loginCtrl",[39,328,96],{"class":45},[39,330,57],{"class":45},[39,332,334,337],{"class":41,"line":333},17,[39,335,336],{"class":45},"        \u003C",[39,338,339],{"class":49},"input\n",[39,341,343,346,348,350,353],{"class":41,"line":342},18,[39,344,345],{"class":53},"          class",[39,347,93],{"class":45},[39,349,96],{"class":45},[39,351,352],{"class":99},"form-control",[39,354,151],{"class":45},[39,356,358,361,363,365,368],{"class":41,"line":357},19,[39,359,360],{"class":53},"          type",[39,362,93],{"class":45},[39,364,96],{"class":45},[39,366,367],{"class":99},"text",[39,369,151],{"class":45},[39,371,373,376,378,380,383],{"class":41,"line":372},20,[39,374,375],{"class":53},"          ng-model",[39,377,93],{"class":45},[39,379,96],{"class":45},[39,381,382],{"class":99},"email",[39,384,151],{"class":45},[39,386,388,391,393,395,398],{"class":41,"line":387},21,[39,389,390],{"class":53},"          placeholder",[39,392,93],{"class":45},[39,394,96],{"class":45},[39,396,397],{"class":99},"Enter Your Email",[39,399,151],{"class":45},[39,401,403,406,409],{"class":41,"line":402},22,[39,404,405],{"class":45},"        \u002F>\u003C",[39,407,408],{"class":49},"br",[39,410,105],{"class":45},[39,412,414,416],{"class":41,"line":413},23,[39,415,336],{"class":45},[39,417,339],{"class":49},[39,419,421,423,425,427,429],{"class":41,"line":420},24,[39,422,345],{"class":53},[39,424,93],{"class":45},[39,426,96],{"class":45},[39,428,352],{"class":99},[39,430,151],{"class":45},[39,432,434,436,438,440,443],{"class":41,"line":433},25,[39,435,360],{"class":53},[39,437,93],{"class":45},[39,439,96],{"class":45},[39,441,442],{"class":99},"password",[39,444,151],{"class":45},[39,446,448,450,452,454,456],{"class":41,"line":447},26,[39,449,375],{"class":53},[39,451,93],{"class":45},[39,453,96],{"class":45},[39,455,442],{"class":99},[39,457,151],{"class":45},[39,459,461,463,465,467,470],{"class":41,"line":460},27,[39,462,390],{"class":53},[39,464,93],{"class":45},[39,466,96],{"class":45},[39,468,469],{"class":99},"Enter Your Password",[39,471,151],{"class":45},[39,473,475,477,479],{"class":41,"line":474},28,[39,476,405],{"class":45},[39,478,408],{"class":49},[39,480,105],{"class":45},[39,482,484,486,489,491,493,495,498,500,503,505,507,510,512,514,517,519,521,524,526],{"class":41,"line":483},29,[39,485,336],{"class":45},[39,487,488],{"class":49},"button",[39,490,266],{"class":53},[39,492,93],{"class":45},[39,494,96],{"class":45},[39,496,497],{"class":99},"btn btn-success",[39,499,96],{"class":45},[39,501,502],{"class":53}," ng-click",[39,504,93],{"class":45},[39,506,96],{"class":45},[39,508,509],{"class":99},"login()",[39,511,96],{"class":45},[39,513,116],{"class":45},[39,515,516],{"class":119},"Login",[39,518,123],{"class":45},[39,520,488],{"class":49},[39,522,523],{"class":45},">\u003C",[39,525,408],{"class":49},[39,527,105],{"class":45},[39,529,531,533,535,537,540,542,544],{"class":41,"line":530},30,[39,532,336],{"class":45},[39,534,39],{"class":49},[39,536,116],{"class":45},[39,538,539],{"class":119},"{{responseMessage}}",[39,541,123],{"class":45},[39,543,39],{"class":49},[39,545,57],{"class":45},[39,547,549,552,554],{"class":41,"line":548},31,[39,550,551],{"class":45},"      \u003C\u002F",[39,553,263],{"class":49},[39,555,57],{"class":45},[39,557,559,562,564],{"class":41,"line":558},32,[39,560,561],{"class":45},"    \u003C\u002F",[39,563,263],{"class":49},[39,565,57],{"class":45},[39,567,569,571,573],{"class":41,"line":568},33,[39,570,241],{"class":45},[39,572,253],{"class":49},[39,574,57],{"class":45},[39,576,578,580,582],{"class":41,"line":577},34,[39,579,123],{"class":45},[39,581,33],{"class":49},[39,583,57],{"class":45},[28,585,589],{"className":586,"code":587,"filename":215,"language":588,"meta":34,"style":34},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml>\n    \u003Chead>\n        \u003Cmeta charset=\"utf-8\" \u002F>\n        \u003Ctitle>AngularJS Post data with PHP\u003C\u002Ftitle>\n        \u003Clink rel=\"stylesheet\" href=\"\u002F\u002Fmaxcdn.bootstrapcdn.com\u002Fbootstrap\u002F3.2.0\u002Fcss\u002Fbootstrap.min.css\">\n        \u003Cscript src=\"https:\u002F\u002Fajax.googleapis.com\u002Fajax\u002Flibs\u002Fangularjs\u002F1.2.24\u002Fangular.min.js\">\u003C\u002Fscript>\n        \u003Cscript src=\"app.js\" type=\"text\u002Fjavascript\">\u003C\u002Fscript>\n    \u003C\u002Fhead>\n    \u003Cbody>\n        \u003Cdiv class=\"container\">\n            \u003Ch1>AngularJS ajax POST with PHP\u003C\u002Fh1>\n            \u003Cdiv ng-app='angularPostPHP' ng-controller='loginCtrl'>\n               \u003Cinput class=\"form-control\" type=\"text\" ng-model=\"email\" placeholder=\"Enter Your Email\">\u003Cbr>\n               \u003Cinput class=\"form-control\" type=\"password\" ng-model=\"password\" placeholder=\"Enter Your Password\">\u003Cbr>\n                \u003Cbutton class=\"btn btn-success\" ng-click=\"login()\">Login\u003C\u002Fbutton>\u003Cbr>\n                \u003Cspan>{{responseMessage}}\u003C\u002Fspan>\n            \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n    \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","js",[36,590,591,600,608,616,634,650,681,703,735,743,751,769,786,815,871,923,964,983,992,1000,1008],{"__ignoreMap":34},[39,592,593,595,598],{"class":41,"line":42},[39,594,46],{"class":45},[39,596,597],{"class":119},"DOCTYPE html",[39,599,57],{"class":45},[39,601,602,604,606],{"class":41,"line":60},[39,603,63],{"class":45},[39,605,33],{"class":49},[39,607,57],{"class":45},[39,609,610,612,614],{"class":41,"line":70},[39,611,84],{"class":45},[39,613,76],{"class":49},[39,615,57],{"class":45},[39,617,618,620,622,624,626,628,630,632],{"class":41,"line":81},[39,619,336],{"class":45},[39,621,87],{"class":49},[39,623,90],{"class":53},[39,625,93],{"class":45},[39,627,96],{"class":45},[39,629,100],{"class":99},[39,631,96],{"class":45},[39,633,105],{"class":45},[39,635,636,638,640,642,644,646,648],{"class":41,"line":108},[39,637,336],{"class":45},[39,639,113],{"class":49},[39,641,116],{"class":45},[39,643,120],{"class":119},[39,645,123],{"class":45},[39,647,113],{"class":49},[39,649,57],{"class":45},[39,651,652,654,657,660,662,664,666,668,671,673,675,677,679],{"class":41,"line":130},[39,653,336],{"class":45},[39,655,656],{"class":49},"link",[39,658,659],{"class":53}," rel",[39,661,93],{"class":45},[39,663,96],{"class":45},[39,665,148],{"class":99},[39,667,96],{"class":45},[39,669,670],{"class":53}," href",[39,672,93],{"class":45},[39,674,96],{"class":45},[39,676,164],{"class":99},[39,678,96],{"class":45},[39,680,57],{"class":45},[39,682,683,685,687,689,691,693,695,697,699,701],{"class":41,"line":138},[39,684,336],{"class":45},[39,686,180],{"class":49},[39,688,183],{"class":53},[39,690,93],{"class":45},[39,692,96],{"class":45},[39,694,190],{"class":99},[39,696,96],{"class":45},[39,698,195],{"class":45},[39,700,180],{"class":49},[39,702,57],{"class":45},[39,704,705,707,709,711,713,715,717,719,721,723,725,727,729,731,733],{"class":41,"line":154},[39,706,336],{"class":45},[39,708,180],{"class":49},[39,710,183],{"class":53},[39,712,93],{"class":45},[39,714,96],{"class":45},[39,716,215],{"class":99},[39,718,96],{"class":45},[39,720,220],{"class":53},[39,722,93],{"class":45},[39,724,96],{"class":45},[39,726,227],{"class":99},[39,728,96],{"class":45},[39,730,195],{"class":45},[39,732,180],{"class":49},[39,734,57],{"class":45},[39,736,737,739,741],{"class":41,"line":169},[39,738,561],{"class":45},[39,740,76],{"class":49},[39,742,57],{"class":45},[39,744,745,747,749],{"class":41,"line":175},[39,746,84],{"class":45},[39,748,253],{"class":49},[39,750,57],{"class":45},[39,752,753,755,757,759,761,763,765,767],{"class":41,"line":202},[39,754,336],{"class":45},[39,756,263],{"class":49},[39,758,266],{"class":53},[39,760,93],{"class":45},[39,762,96],{"class":45},[39,764,273],{"class":99},[39,766,96],{"class":45},[39,768,57],{"class":45},[39,770,771,774,776,778,780,782,784],{"class":41,"line":238},[39,772,773],{"class":45},"            \u003C",[39,775,286],{"class":49},[39,777,116],{"class":45},[39,779,291],{"class":119},[39,781,123],{"class":45},[39,783,286],{"class":49},[39,785,57],{"class":45},[39,787,788,790,792,794,796,799,801,803,805,807,809,811,813],{"class":41,"line":248},[39,789,773],{"class":45},[39,791,263],{"class":49},[39,793,307],{"class":53},[39,795,93],{"class":45},[39,797,798],{"class":45},"'",[39,800,314],{"class":99},[39,802,798],{"class":45},[39,804,319],{"class":53},[39,806,93],{"class":45},[39,808,798],{"class":45},[39,810,326],{"class":99},[39,812,798],{"class":45},[39,814,57],{"class":45},[39,816,817,820,823,825,827,829,831,833,835,837,839,841,843,846,848,850,852,854,857,859,861,863,865,867,869],{"class":41,"line":258},[39,818,819],{"class":45},"               \u003C",[39,821,822],{"class":49},"input",[39,824,266],{"class":53},[39,826,93],{"class":45},[39,828,96],{"class":45},[39,830,352],{"class":99},[39,832,96],{"class":45},[39,834,220],{"class":53},[39,836,93],{"class":45},[39,838,96],{"class":45},[39,840,367],{"class":99},[39,842,96],{"class":45},[39,844,845],{"class":53}," ng-model",[39,847,93],{"class":45},[39,849,96],{"class":45},[39,851,382],{"class":99},[39,853,96],{"class":45},[39,855,856],{"class":53}," placeholder",[39,858,93],{"class":45},[39,860,96],{"class":45},[39,862,397],{"class":99},[39,864,96],{"class":45},[39,866,523],{"class":45},[39,868,408],{"class":49},[39,870,57],{"class":45},[39,872,873,875,877,879,881,883,885,887,889,891,893,895,897,899,901,903,905,907,909,911,913,915,917,919,921],{"class":41,"line":280},[39,874,819],{"class":45},[39,876,822],{"class":49},[39,878,266],{"class":53},[39,880,93],{"class":45},[39,882,96],{"class":45},[39,884,352],{"class":99},[39,886,96],{"class":45},[39,888,220],{"class":53},[39,890,93],{"class":45},[39,892,96],{"class":45},[39,894,442],{"class":99},[39,896,96],{"class":45},[39,898,845],{"class":53},[39,900,93],{"class":45},[39,902,96],{"class":45},[39,904,442],{"class":99},[39,906,96],{"class":45},[39,908,856],{"class":53},[39,910,93],{"class":45},[39,912,96],{"class":45},[39,914,469],{"class":99},[39,916,96],{"class":45},[39,918,523],{"class":45},[39,920,408],{"class":49},[39,922,57],{"class":45},[39,924,925,928,930,932,934,936,938,940,942,944,946,948,950,952,954,956,958,960,962],{"class":41,"line":300},[39,926,927],{"class":45},"                \u003C",[39,929,488],{"class":49},[39,931,266],{"class":53},[39,933,93],{"class":45},[39,935,96],{"class":45},[39,937,497],{"class":99},[39,939,96],{"class":45},[39,941,502],{"class":53},[39,943,93],{"class":45},[39,945,96],{"class":45},[39,947,509],{"class":99},[39,949,96],{"class":45},[39,951,116],{"class":45},[39,953,516],{"class":119},[39,955,123],{"class":45},[39,957,488],{"class":49},[39,959,523],{"class":45},[39,961,408],{"class":49},[39,963,57],{"class":45},[39,965,966,968,970,973,976,979,981],{"class":41,"line":333},[39,967,927],{"class":45},[39,969,39],{"class":49},[39,971,972],{"class":45},">{{",[39,974,975],{"class":119},"responseMessage",[39,977,978],{"class":45},"}}\u003C\u002F",[39,980,39],{"class":49},[39,982,57],{"class":45},[39,984,985,988,990],{"class":41,"line":342},[39,986,987],{"class":45},"            \u003C\u002F",[39,989,263],{"class":49},[39,991,57],{"class":45},[39,993,994,996,998],{"class":41,"line":357},[39,995,987],{"class":45},[39,997,263],{"class":49},[39,999,57],{"class":45},[39,1001,1002,1004,1006],{"class":41,"line":372},[39,1003,561],{"class":45},[39,1005,253],{"class":49},[39,1007,57],{"class":45},[39,1009,1010,1012,1014],{"class":41,"line":387},[39,1011,123],{"class":45},[39,1013,33],{"class":49},[39,1015,57],{"class":45},[28,1017,1020],{"className":586,"code":1018,"filename":1019,"language":588,"meta":34,"style":34},"\u003C?php\n    \u002F\u002F check username or password from database\n    $postdata = file_get_contents(\"php:\u002F\u002Finput\");\n    $request = json_decode($postdata);\n    $email = $request->email;\n    $password = $request->password;\n    if($email == \"one\" && $password== \"one\"){\n        echo \"1\";\n    }\n    else {\n        echo \"0\";\n    }\n\n?>\n","login.php",[36,1021,1022,1030,1036,1060,1073,1089,1103,1142,1157,1162,1167,1180,1184,1190],{"__ignoreMap":34},[39,1023,1024,1027],{"class":41,"line":42},[39,1025,1026],{"class":45},"\u003C?",[39,1028,1029],{"class":119},"php\n",[39,1031,1032],{"class":41,"line":60},[39,1033,1035],{"class":1034},"sHwdD","    \u002F\u002F check username or password from database\n",[39,1037,1038,1041,1043,1047,1050,1052,1055,1057],{"class":41,"line":70},[39,1039,1040],{"class":119},"    $postdata ",[39,1042,93],{"class":45},[39,1044,1046],{"class":1045},"s2Zo4"," file_get_contents",[39,1048,1049],{"class":119},"(",[39,1051,96],{"class":45},[39,1053,1054],{"class":99},"php:\u002F\u002Finput",[39,1056,96],{"class":45},[39,1058,1059],{"class":119},");\n",[39,1061,1062,1065,1067,1070],{"class":41,"line":81},[39,1063,1064],{"class":119},"    $request ",[39,1066,93],{"class":45},[39,1068,1069],{"class":1045}," json_decode",[39,1071,1072],{"class":119},"($postdata);\n",[39,1074,1075,1078,1080,1083,1086],{"class":41,"line":108},[39,1076,1077],{"class":119},"    $email ",[39,1079,93],{"class":45},[39,1081,1082],{"class":119}," $request",[39,1084,1085],{"class":45},"->",[39,1087,1088],{"class":119},"email;\n",[39,1090,1091,1094,1096,1098,1100],{"class":41,"line":130},[39,1092,1093],{"class":119},"    $password ",[39,1095,93],{"class":45},[39,1097,1082],{"class":119},[39,1099,1085],{"class":45},[39,1101,1102],{"class":119},"password;\n",[39,1104,1105,1108,1111,1114,1117,1120,1122,1125,1128,1130,1132,1134,1136,1139],{"class":41,"line":138},[39,1106,1107],{"class":1045},"    if",[39,1109,1110],{"class":119},"($email ",[39,1112,1113],{"class":45},"==",[39,1115,1116],{"class":45}," \"",[39,1118,1119],{"class":99},"one",[39,1121,96],{"class":45},[39,1123,1124],{"class":45}," &&",[39,1126,1127],{"class":119}," $password",[39,1129,1113],{"class":45},[39,1131,1116],{"class":45},[39,1133,1119],{"class":99},[39,1135,96],{"class":45},[39,1137,1138],{"class":119},")",[39,1140,1141],{"class":45},"{\n",[39,1143,1144,1147,1149,1152,1154],{"class":41,"line":154},[39,1145,1146],{"class":119},"        echo ",[39,1148,96],{"class":45},[39,1150,1151],{"class":49},"1",[39,1153,96],{"class":45},[39,1155,1156],{"class":49},";\n",[39,1158,1159],{"class":41,"line":169},[39,1160,1161],{"class":49},"    }\n",[39,1163,1164],{"class":41,"line":175},[39,1165,1166],{"class":49},"    else {\n",[39,1168,1169,1171,1173,1176,1178],{"class":41,"line":202},[39,1170,1146],{"class":49},[39,1172,96],{"class":45},[39,1174,1175],{"class":49},"0",[39,1177,96],{"class":45},[39,1179,1156],{"class":49},[39,1181,1182],{"class":41,"line":238},[39,1183,1161],{"class":49},[39,1185,1186],{"class":41,"line":248},[39,1187,1189],{"emptyLinePlaceholder":1188},true,"\n",[39,1191,1192],{"class":41,"line":258},[39,1193,1194],{"class":49},"?>\n",[11,1196,1197],{},"Copy the contents to their respective files & then run index.html. Right Username\u002FPassword Combination: one \u002F one When you type this username\u002F password combination, you will get successfully logged in & when wrong combination, you will get Username or Password is incorrect as described in the app.js. Which is done with the response from the login.php. If login.php return 1 then we get \"Successfully Logged in\" else we get \"Username or Password is incorrect\".",[1199,1200,1201],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":34,"searchDepth":60,"depth":60,"links":1203},[],"2014-09-10","In this article we will see how we can make a POST request inside AngularJS using PHP while creating a Login Form","md","\u002Fimg\u002F2014-09-10_13-02-39.png",{"featuredpath":1209},"img","\u002Fblog\u002Fangularjs-post-request-php-creating-login-form-309",{"title":5,"description":1205},"blog\u002Fangularjs-post-request-php-creating-login-form-309",[1214],"Web Development","j-9EWFi2DQrj6yML8hl-kExoM-jPDrO3wcK1FKF3yTo",[1217,1222],{"title":1218,"path":1219,"stem":1220,"description":1221,"children":-1},"AngularJS GET ajax request with PHP (Fetching data)","\u002Fblog\u002Fangularjs-get-ajax-request-php-fetching-data-320","blog\u002Fangularjs-get-ajax-request-php-fetching-data-320","In this article we will see how can make GET request inside AngularJS using PHP",{"title":1223,"path":1224,"stem":1225,"description":1226,"children":-1},"Automating Claude Code Worktree Setup — ENV Files, Node Modules, and Ports","\u002Fblog\u002Fautomating-claude-code-worktree-setup-env-node-modules-and-ports","blog\u002Fautomating-claude-code-worktree-setup-env-node-modules-and-ports","How to automate your Claude Code worktree setup so that environment files are symlinked, node_modules are shared, and dev server ports don't collide — all without manual intervention.",1775568346846]