JQuery AJAX для возврата частичного представления с HTML dataType из контроллера

Question

У меня есть форма поиска, я хочу изменить элементы, когда пользователь нажимает на фильтр без обновления страницы.

Я использую этот jquery

var newUrl = "store/productlist?" + queryString;
window.history.pushState(null, null, newUrl);

$('#loadingModal').modal('show');
$.ajax({
    url: newUrl,
    type: "GET",
    dataType: "html",
    success: function (result) {
        $("#ProductsPartialView").append(data);
        $('#loadingModal').modal('hide');
    }
});

и в магазине контроллера.

 public async Task<ActionResult> Productlist(string category, string factory, string page, string order)
    {//get productlist
     return PartialView("_ProductsPartialView",  product);}

но не переходите к действию.

Answer 1

Используйте этот код.

   $.get(newUrl, function (data) {
    $("#ProductsPartialView").empty();
    $("#ProductsPartialView").append(data);
    $('#loadingModal').modal('hide');

}).fail(function (xhr, err) {
    alert("readyState: " + xhr.readyState + "\nstatus: " + xhr.status);
    alert("responseText: " + xhr.responseText);
});

Answer 2

незначительные изменения в вашем коде

var newUrl = '@Url.Action("productlist","store")';
var category = '';
var factory = '';
var page = '';
var order = '';
$.ajax({
    url: newUrl,
    type: "GET",
    data: {'category': category, 'factory' : factory , 'page' :  page, 'order': order}
    dataType: "html",
    success: function (result) {
        $("#ProductsPartialView").append(data);
        $('#loadingModal').modal('hide');
    }
});

дайте мне знать, если это поможет вам