解决方法可以如下所示:
前端(Angular 9)代码示例:
ng new frontend
ng generate component example
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
constructor(private http: HttpClient) {}
getData() {
this.http.get('http://localhost:5000/api/data').subscribe((response) => {
console.log(response);
});
}
}
后端(ASP.Net C# MVC)代码示例:
创建一个ASP.Net C# MVC项目。
在项目中添加一个控制器类,用于处理前端发送的请求:
using System.Web.Mvc;
namespace Backend.Controllers
{
public class DataController : Controller
{
[HttpGet]
public JsonResult GetData()
{
var data = new { message = "这是从后端返回的数据" };
return Json(data, JsonRequestBehavior.AllowGet);
}
}
}
以上是一个简单的Angular 9前端和ASP.Net C# MVC后端的解决方法,通过前端的按钮点击事件触发HTTP请求,并在后端返回一个JSON格式的数据。