如何在视图组件中发送发布请求

Question

我目前正在研究ASP.NET Core 6.0 MVC应用程序（带有实体框架），并且我正在尝试在不刷新页面的情况下执行CRUD操作。就我的研究带走了我，最好使用视图组件。我使用以下代码：

@await Component.InvokeAsync("AccountPhonesListEdit", new{accountNumber = Model.AcctNbr, typeOfCall = "Index", phoneId = -1})

InvokeAsync可以作为调用视图组件控制器调用各种CRUD功能的方式，我有：我有：我有：

public async Task<IViewComponentResult> InvokeAsync(int accountNumber, string typeOfCall, int phoneId)
{
        switch (typeOfCall)
        {
            case "Create":
                await AccountPhonesCreate(accountNumber);
                break;

            case "Delete":
                await AccountPhonesDelete(phoneId);
                break;
        }

        return await AccountPhonesListEdit(accountNumber);
}

我有：我有我的视图组件中的一个按钮，单击时应调用删除。它是这样的工作：

<button class="form-control bg-danger text-white" 
        onclick="@(async () => await Component.InvokeAsync("InvokeAsync", new{accountNumber = ap.AcctNbr, typeOfCall = "Delete", phoneId = ap.PhoneSequence}))">Delete</button>

当我单击此按钮时，整个页面刷新，并且实际上没有执行删除功能。我不认为我的删除函数有任何问题，但是仅对于上下文而言，这就是视图组件中的删除函数：

[HttpPost, ActionName("Delete")]
[ValidateAntiForgeryToken]
public async Task<bool> AccountPhonesDelete(int phoneSequence)
{
        var accountPhone = await _context.AccountPhones.FindAsync(phoneSequence);

        if (accountPhone != null)
        {
            _context.AccountPhones.Remove(accountPhone);
            await _context.SaveChangesAsync();
            return true;
        }            

        return false;
}

现在，我进入了调试模式以检查所有内容时都会检查参数的值。当页面首次加载时，调用视图组件的原始InvokeAsync时，InvokeAsync的参数是我们期望的 - acctnbr，“ index”和-1 ，分别用于帐户名称，typeofcall和PhoneId。但是，当我使用按钮单击调用删除函数时，将传递相同的参数 - acctnbr，“ index”和-1-将传递！为什么这是？如何在不重新加载页面的情况下正确调用Crud操作来正确调用CRUD操作？事先感谢您的帮助！