如何在ASP Core ReactJS應用程式中呼叫貼文？

Question

我目前在我的reactjs javascript檔案中有以下內容

details.js

       const response = await fetch('users');

這將呼叫下面的mvc控制器

UsersController.cs

private readonly ILogger<userController> _logger;

    public userController(ILogger<userController> logger)
    {
        _logger = logger;
    }

    [HttpGet]
    public IEnumerable<user> Get()
    {
        <code goes here>
    }

問題是fetch呼叫了Get方法，我要如何呼叫控制器中的其他方法呢？ 所以如果我還有一些類似下面的方法：

[HttpPost]
    public IEnumerable<user> UserDetails(string Id)
    {
        <code goes here>
    }

    [HttpPost]
    public IEnumerable<user> UserInfo(string name, string Id )
    {
        <code goes here>
    }
    [HttpId]
    public IEnumerable<user> UserId(string firstname, string lastname, string companyId)
    {
        <code goes here>
    }

我如何從details.js檔案中呼叫這些方法呢？

像下面這樣嗎？

const response = await fetch('users/UserInfo'); ?

Answer 1

你需要告訴.NET框架有關端點參數的信息，並使用正確的HTTP方法進行呼叫。例如，稍微更改程式碼，可以將UserDetails方法的Id參數用作URL段：

[HttpPost("{Id}"]
public IEnumerable<user> UserDetails(string Id)
{
   <code goes here>
}

HttpPost屬性告訴.NET架構這是一個POST端點。注意HttpPost屬性中的{Id}部分。它是一個佔位符，你在呼叫端點時應該用實際的ID來取代它。要呼叫該端點，你需要向"users/123"端點發送一個HTTP POST請求，其中"123"部分是{Id}佔位符的替換。以下是一個範例：

fetch('users/123', { method: "POST" })

端點URL還可以包含查詢字串參數。例如，以下是如何使用查詢字串參數呼叫UserInfo端點：

[HttpPost("{Id}"]
public IEnumerable<user> UserInfo(string Id, [FromQuery] string name)
{
    <code goes here>
}

注意我們在UserInfo方法的"name"參數上新增了FromQuery屬性。 FromQuery屬性告訴.NET框架URL應包含一個名為name的查詢字串參數。你的端點URL將變成"users/123?name=john"，其中"123"是{Id}佔位符的替換，name=john是將"name"查詢字串參數賦值為"john"。