jquery ajax 从控制器返回带有 HTML dataType 的部分视图答案

【问题标题】：jquery ajax to return partial view with HTML dataType from controllerjquery ajax 从控制器返回带有 HTML dataType 的部分视图
【发布时间】：2019-07-08 07:29:42
【问题描述】：

我有一个搜索表单，我想在用户点击过滤而不刷新页面时更改项目。

我用这个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);}

但不要采取行动。

【问题讨论】：

浏览器的控制台有什么错误吗？
不，没有任何错误。

标签： jquery asp.net-mvc model-view-controller

【解决方案1】：

代码中的一些小改动

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');
    }
});

如果这对你有帮助，请告诉我

【讨论】：

【解决方案2】：

使用此代码。

   $.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);
});

【讨论】：