0

我有这个 API 函数：

public function login($conn, $user){
    $login = "SELECT username FROM login WHERE username=:user";
    $execLogin = $this->conn->prepare($login);
    $execLogin->bindValue(":user", $user);
    $execLogin->execute();
    $res = $execLogin->rowCount();

    try{
        return $res;
    }
    catch(PDOException $e)
    {
        return $e->getMessage();
    }
}

这是单击登录按钮时的 php 脚本：

<button id="btn-login"  (click)="login()" [disabled]="!loginGroup.valid" class="btn btn-success">Login </button>

登录功能的脚本将运行：

<?php

require_once('../api.php');

//Getting username and password from Angular

$user = $_POST['user'];

$newApi = new api();
$conn = $newApi->connection();
$res = $newApi->login($conn, $user);

?>

这是打字稿中使用的方法。在 API 服务中：

login(username, password)
  {
    let headerOptions = new HttpHeaders();
    headerOptions.append('Access-Control-Allow-Origin', '*');
    headerOptions.append('Access-Control-Request-Headers', '*');
    headerOptions.append('Content-Type', 'application/json');
    headerOptions.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,PATCH,OPTIONS');


    this.credentials = {user: username, pass: password};
    const httpParams = new HttpParams();
    httpParams.set('user', username);
    httpParams.set('pass', password);
    //console.log("hi "+ this.credentials);
    return this.http.post('http://dev.local/scripts/login.php', {username, password},  {
      observe: 'response',
      responseType: 'text',
      headers: headerOptions

    }).pipe(map(
        res=>{

          console.log(res)
        },
        err=>
          console.log(err)
      ))
  }

并单击按钮：

login(){
    let user = this.loginGroup.get('username').value;
    let pass = this.loginGroup.get('password').value;
    this.auth.login(user, pass).subscribe(
      (data)=>{

        console.log(data)
      },
      (error)=>{
        console.log(error)
      }
    )
  }

问题是我总是在控制台的网络选项卡上看到以下错误：

call to undefined variable user at line 7

似乎用户不是通过打字稿方法发送到 PHP 脚本的。

编辑

在此处输入图像描述

4

2 回答 2

0

如果您使用HttpParams，请注意该类是不可变的（文档）

所以你需要这样做

const httpParams = new HttpParams().set('user', username).set('pass', password);

编辑：您的 PHP 脚本需要表单编码值，因此您需要执行以下操作

let headerOptions = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');

return this.http.post('http://dev.local/scripts/login.php',
    httpParams.toString(), {
  observe: 'response',
  responseType: 'text',
  headers: headerOptions

}
);

方法#2

如果你想以 json 格式发送数据，那么你需要修改你的 PHP 脚本来解析请求的正文

$jsonInput = file_get_contents('php://input');
$jsonObject = json_decode($jsonInput, true); 
$user = $jsonObject->user;

而且您需要指定正确的参数名称 angular side

return this.http.post('http://dev.local/scripts/login.php',
    {user: username, password: password},
    ...

另外，请注意，您的Access-Control标头在角度上是无用的，它们应该在响应 OPTIONS 请求时设置在服务器端

于 2018-07-13T11:47:30.887 回答
0

首先打开浏览器的开发者工具并检查网络调用以查看您发送的内容。

然后，您正在实例化 HttpParams 但您没有使用它，因此您没有发送它。

正如David所建议的，您需要以表单编码模式进行通信，因此您需要将其设置为HttpHeader：

let headerOptions = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');

尝试这个：

return this.http.post('http://dev.local/scripts/login.php', 
          {'user': username, 'pass': password}
          { headers: headerOptions }
      )
于 2018-07-13T11:52:25.190 回答