Implementing a POST web API call in Blazor WebAssembly
We have developed the BookForm
page, which has a form for entering the book details and a submit button that currently does nothing other than write some logs to the console window.
The BookForm
page is for the store admin, who can insert new books. For now, we don’t have authentication either on the server side in the web API or on the client side; that’s the target of Chapter 9. But we need to complete the logic of this page so that when the admin clicks the Submit button, the book gets posted to the API, which stores it in its data source. When the app goes online in production and an admin adds a new book, all those users who navigate to the app will see the new book on the Index page because that web API is the main source of data for our project.
The BooksStore
API exposes a POST endpoint, and according to the Swagger documentation, accepts a JSON object in the body of the POST
request, as shown here: