угловой 2 службы не вызывая PHP файл

Question

Я учусь угловыми 2 и я сделать тест для подключения к базе данных, но я получаю сообщение об ошибке: SyntaxError: неожиданный лексем < в формате JSON в положении 0.

поэтому у меня есть xampp, работающий на порту 80 или 443. URL моего теста (я использую угловой кли): localhost: 4200

это моя попытка. У меня есть услуга по этому методу:

getUsers(){ 
return this._http.get('getusers.php') 
    .map(res => res.json()); 
} 

Файл getusers.php находится в общей папке. это содержание. очень простой только, чтобы получить некоторые результаты и отправить их обратно в JSON:

// set up the connection variables 
    $db_name = 'mydb'; 
    $hostname = 'localhost'; 
    $username = 'myusername'; 
    $password = 'mypass'; 

    // connect to the database 
    $dbh = new PDO("mysql:host=$hostname;dbname=$db_name", $username, $password); 


    $sql = 'SELECT * FROM users'; 


    $stmt = $dbh->prepare($sql); 


    $stmt->execute(); 


    $result = $stmt->fetchAll(PDO::FETCH_ASSOC); 


    $json = json_encode($result); 

    echo $json; 

так я добавить, что в компоненте я импортировать службу, инициализировать его в конструкторе и подписаться:

constructor(private _usersService: UsersService) {} 

    ngOnInit() { 
    this._usersService.getUsers() 
     .subscribe(
     data => this.getUsers = JSON.stringify(data), 
     error => alert(error), 
     () => console.log("Finihed") 
    ); 
    } 

Что я Я здесь отсутствует. Я делаю тонны вызова ajax, но первый раз с угловым. может, это порты? или что-то еще мне не хватает?

наилучшими пожеланиями

Answer 1

так, поскольку ситуация является кросс домен с двумя портами. в вызове использовать полный URL с портом: http://localhost:80/yourproject/public/getContacts.php

и в вашей стороне сервера добавить заголовки CORS перед выводом:

header("Access-Control-Allow-Origin: *"); 
header('Access-Control-Allow-Headers: X-Requested-With'); 
header('Content-Type: application/json'); 

echo json_encode($result); 

, так я просто тестирование я использую *, но это не рекомендуемые. usuall позволяет использовать определенный URL-адрес.

Answer 2

Вы должны подписаться на Аякса вызов на работу; Кто никогда не звонит метод getUsers должен подписаться на него:

getUsers(){ 
    return this._http.get('getusers.php') 
    .map(res => res.json()); 
} 

Допустим, вы вызываете метод получить здесь:

myOtherFunction(){ 
    this.getUsers.subscribe((response)=>{ 
      console.log('response',response); 

    }) 

}