how to use JSON data Coming from PHP file in Angular2?

Question

export class LoginComponent 
{
     getdata : string;         
      public data;         
      username : any ;          
       password : any ; 

    constructor(private http: Http){}   

    login() {        
     var headers= new Headers({'Content-Type' : 'application/x-www-form-urlencoded '});        
    var body = JSON.stringify({    
       user : this.username,
       pwd : this.password,    
 })        
  this.http.post('.../pos_system/Widgets/Login.php',body, {
  headers:headers; })
   .map(res => res.json())
   .map(res => {
         if(res.success)
         {
            this.msg="Login Complete";
         }
         else{
             this.msg1="username and password is wrong";
         }
    })
      .subscribe(
        data =>this.getdata = JSON.stringify(data),
        err => console.error(err),
        () => console.log('done'));
    }
}

This is my Angular2 part here i m getting JSON data from php file in res.Now I want to use this response in my angualr2 part.I want to use display username of the user which is in json data.so how to do that in angular2?

Krishna Patel · Accepted Answer · 2016-10-14 09:49:25Z

2

it's simple just make this change, for Example this.msg=res.username; this will display username in message. note: you need to do this in php file.

$data=array();

    $df=json_decode(file_get_contents("php://input"));
    $nam=$df->user;
    $pws=$df->pwd;

    $select=mysql_query("SELECT * FROM userData WHERE username='$nam' AND password='$pws'")or mysql_error();

    $sql=mysql_num_rows($select);
    if($sql>0)
    {
        while($row=mysql_fetch_array($select))
        {
            $data['success']=true;
            $user=$row['username'];
            $data['username']=$user;

        }
    }
    echo json_encode($data);

answered Oct 14, 2016 at 9:49

Krishna Patel

2755 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to use JSON data Coming from PHP file in Angular2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related