AJAX is a term coined long ago to represent a feature of modern browsers by which asynchronous HTTP requests can be done, via JavaScript, by the browser, without a full page reload.
ASP.NET Core does not offer any support for AJAX, which doesn't mean that you can't use it--it is just the case that you need to do it manually.
This example uses jQuery to retrieve values in the form and send them to an action. Make sure the jQuery library is included in either the view file or the layout:
$('#submit').click(function(evt) {
evt.preventDefault();
var payload = $('form').serialize();
$.ajax({
url: '@Url.Action("Save", "Repository")',
type: 'POST',
data: payload,
success: function (result) {
//success
},
error: function (error) {
//error
}
});
});This bit of JavaScript code does a couple of things:
- Binds a click event handler to an HTML element with an ID of
submit. - Serializes all
formelements. - Creates a POST AJAX request to a controller...