Как реализовать запросы ASP. NET Core MVC AJAX, используя jQuery

Question

Я работаю в asp. net веб-формах и jquery ajax уже много лет, и теперь хочу реализовать проект в ядре asp .ner с использованием той же интерфейсной технологии jQuery Ajax .

Answer 1

Вы можете применить встроенные атрибуты data-ajax-*, как показано ниже:

Включить jquery библиотеки:

@section Scripts {
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-ajax-unobtrusive@3.2.6/dist/jquery.unobtrusive-ajax.min.js"></script>
}

Применить атрибуты data- ajax к элементу привязки:

<!-- ajax content will load inside this div -->
<div id="data-div"></div>

<a href="#" 
    data-ajax="true" 
    data-ajax-mode="replace" 
    data-ajax-update="#data-div" 
    data-ajax-loading="#loading"
    data-ajax-url="@Url.Page("Index", "ServerDate")">Run Ajax Request</a>

<!-- spinning loading indicator -->
<span id="loading" style="display:none;"> <i class="fas fa-spinner fa-spin"></i></span>

и внутренний метод:

public class IndexModel : PageModel
{
    public void OnGet() { }

    public ContentResult OnGetServerDate()
    {
        return Content($"{DateTime.Now}");
    }
}

Те же атрибуты могут быть применены к формам.

См. Демонстрации здесь: http://demo.ziyad.info/en/AjaxRequest

Answer 2

jQuery реализация одинакова на нескольких платформах. Вы можете использовать аналогичный код.

Пример jquery ajax:

$.ajax({
          type: 'POST',
          url: '/controller/Action'
          data: { parameter1 : 'value', parameter2 : 'value' },
          success: function (response) {
                       // code on successful completion
                   }
          error: function (response) {
                     // code on failure
                 }
});