CODEWITHSUNDEEP
phpjsonangular
kajal jethva
kajal jethva

Reputation: 72

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

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?

Upvotes: 1

Views: 867

Answers (1)

Krishna Patel
Krishna Patel

Reputation: 275

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);

Upvotes: 2

Related Questions