问题:Post HTTP array angular 7和.NET核心web api
回答: 在Angular 7中使用POST请求发送一个包含数组的HTTP请求到.NET Core Web API的方法如下:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class ApiService {
private apiUrl = 'http://your-api-url';
constructor(private http: HttpClient) { }
postData(data: any[]) {
return this.http.post(this.apiUrl + '/api/your-endpoint', data);
}
}
import { Component } from '@angular/core';
import { ApiService } from './api.service';
@Component({
selector: 'app-root',
template: `
<button (click)="sendData()">Send Data</button>
`,
})
export class AppComponent {
constructor(private apiService: ApiService) { }
sendData() {
const data = [1, 2, 3]; // 替换为你要发送的数组数据
this.apiService.postData(data)
.subscribe(response => {
console.log(response);
});
}
}
using Microsoft.AspNetCore.Mvc;
namespace YourNamespace.Controllers
{
[Route("api/[controller]")]
[ApiController]
public class YourEndpointController : ControllerBase
{
[HttpPost]
public IActionResult PostData([FromBody] int[] data)
{
// 处理接收到的数据
return Ok("Data received");
}
}
}
这样,当在Angular应用中点击"Send Data"按钮时,将会发送一个POST请求到你的.NET Core Web API的指定路由(endpoint)。在控制器中,你可以处理接收到的数据,并返回适当的响应。
希望以上解答能对你有所帮助。如有需要,请查看腾讯云提供的相关产品和服务:
注意:以上产品链接仅为示例,具体产品选择应根据项目需求和实际情况进行决策。
领取专属 10元无门槛券
手把手带您无忧上云