Angular 7/json服务器: post请求只接受id

// 在Angular服务中定义post请求方法
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class DataService {
  constructor(private http: HttpClient) {}

  postData(id: number) {
    const url = 'http://example.com/api/data'; // 替换为实际的服务器URL
    const data = { id: id }; // 只发送id字段

    return this.http.post(url, data);
  }
}

// 在组件中使用服务发送post请求
import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="sendPostRequest()">发送Post请求</button>
  `,
})
export class AppComponent {
  constructor(private dataService: DataService) {}

  sendPostRequest() {
    const id = 123; // 替换为实际的id值

    this.dataService.postData(id).subscribe(
      (response) => {
        console.log(response);
      },
      (error) => {
        console.error(error);
      }
    );
  }
}

// 在服务器端处理post请求
// 这里假设使用Node.js和Express框架作为服务器端
const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.json());

app.post('/api/data', (req, res) => {
  const id = req.body.id; // 获取请求中的id字段

  // 处理id，返回相应的响应
  // ...

  res.json({ message: 'Post请求已接收' });
});

app.listen(3000, () => {
  console.log('服务器已启动');
});