2

我已经关注了这个链接：Postman 'POST' request sucess but Angular 5 'Post' not working，并按照它来纠正我的问题，但有些问题没有得到解决。它总是给我else block输出，我会在 Angular 代码中展示给你看。

注意：为 POSTMAN 完美工作。

可能的错误：我的 PHP 代码中存在无法识别输入的问题。

我的 API 是一个 POST API，它接受一个参数，即phone_num，这是强制性的。从 Postman 传递参数适用于 api，但是当我通过 Angular 进行时，它不起作用并转到else blockAPI 代码。

由于这是一个RAW PHP 代码，所以我不知道如何将这个microsoft.aspnet.webapi.cors 包导入到我的 RAW PHP 文件中，或者它是否会解决这个问题。

PHP代码：

<?php
    include('/Applications/MAMP/htdocs/api/Requests/library/Requests.php');
    $request_method = $_SERVER['REQUEST_METHOD'];

    if ( $request_method == 'POST' ){
            if(isset($_GET['phone_num'])){
               echo $_GET['phone_num'];
            }else{
              echo 'No phone number found';
            }
    }else {
        echo 'No defined function for this method. Please use POST only';
    }
?>

对于 POSTMAN，我phone_num在控制台/正文中显示。但是对于 Angular，控制台显示：No phone number found这很奇怪。

角代码：

import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

export class AppComponent {
  message: string;
  url: string = 'xxxxxxx';
  customernum: number;
  httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',

    })
  };

  constructor(private http: HttpClient){}

  callMe(){
    this.message = 'Please wait....'
    this.http.post(this.url, JSON.stringify({ 'phone_num': this.customernum }), this.httpOptions).subscribe(
      response => console.log(JSON.stringify(response)),
      error => console.log(error)
    );
  }
}

我还检查了this.customernum是否在控制台中正确打印了数字，它正在控制台中传递，Network Console在Chrome Dev.

控制台中的错误日志：

错误日志消息

任何帮助，将不胜感激。谢谢 ：）

4

6 回答 6

3

您正在使用 $_GET 来检索您的“POST”数据

尝试$_POST['phone_num']安装$_GET['phone_num']

于 2020-01-08T06:34:41.870 回答
1

为此，我个人要感谢两个人，他们是：

  • Nijeesh Joshy用于排序的最大问题 METHOD to METHOD 与 PHP 脚本的矛盾。
  • 布拉德解释了正确的格式以使操作顺利运行

调查结果：为了使这项工作正常工作，即$_POST工作 POST 方法，您需要在 header 中发送 application/x-www-form-urlencoded Content-Type。我不知道，但在 Content-Type 中发送数据是application/json行不通的。

解决方案：

1. SyntaxError: Unexpected token N =>这样做是因为在 PHP 脚本中，它必须在 中返回json_encode()，这就是为什么它No phone number found, N at 0th position在 else 脚本中的此语句中返回此错误。

<?php
    include('/Applications/MAMP/htdocs/api/Requests/library/Requests.php');
    $request_method = $_SERVER['REQUEST_METHOD'];

    if ( $request_method == 'POST' ){
            if(isset($_POST['phone_num'])){
               echo $_POST['phone_num'];
            }else{
              echo json_encode('No phone number found');
            }
    }else {
        echo json_encode('No defined function for this method. Please use POST only');
    }
?>

2. $_POST 不适用于 Angular 代码中的 POST 方法 =>已在上面解释。

import { Component } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

export class AppComponent {
  message: string;
  url: string = 'xxxxxxx';
  customernum: number;
  httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/x-www-form-urlencoded'
    })
  };

  body: any = `phone_num=${this.customernum}`;  

  constructor(private http: HttpClient){}

  callMe(){
    this.message = 'Please wait....'
    this.http.post(this.url, this.body, this.httpOptions).subscribe(
      response => console.log(JSON.stringify(response)),
      error => console.log(error)
    );
  }
}

如果您仍然遇到错误，那么您的角度代码中会有一些格式错误。请点击此链接。我希望这对你有帮助。我看到人们对使用非常严格$_POST[] in place of $_GET[]，但这Content-Type就是问题所在。

于 2020-01-09T07:14:56.413 回答
0

传递原始对象{ 'phone_num': this.customernum }，不要使用JSON.stringify()

试试这样：

callMe(){
    this.message = 'Please wait....'
    this.http.post(this.url, { 'phone_num': this.customernum }, this.httpOptions).subscribe(
      response => console.log(JSON.stringify(response)),
      error => console.log(error)
    );
  }
于 2020-01-08T06:30:59.983 回答
0

如果您使用的是表单而不是尝试直接从该表单添加值，而不是任何额外的变量。用您的表单名称替换此处的表单

this.http.post(this.url, { 'phone_num': this.form.value.phoneForm}, this.httpOptions).subscribe(
      response => console.log(JSON.stringify(response)),
      error => console.log(error)
    );
于 2020-01-08T06:57:02.500 回答
0

SyntaxError: Unexpected token N in JSON 意味着你有一些格式错误的 JSON，它通常是一个没有用引号括起来的字符串。
1) 检查 this.customernum 是否不为空或不包含任何坏字符。
2) 用双引号将 phone_num 括起来。

于 2020-01-08T06:57:57.410 回答
-1

你phone-number来自，所以你应该作为查询字符串$_GET传递phone_num

像这样：

http://example.com/blablabla?phone_num=0123456789

GET邮递员会在请求中自动为您执行此操作

于 2020-01-08T06:44:05.640 回答