在 JQuery 和 ASP.NET CORE 中发布 function 后表格未刷新

Question

我做了一个过滤方法。 这个方法就像一个魅力，当我输入一些东西时，表格会更新为搜索字符串。 这是我的搜索方法：

loadList() {
var searchString = $(".search-input").val();
$.post('/Translation/List?searchString=' + searchString, function (data) {                      
$(".table-content-view").html(data);                    
});
}

当我想插入一条新记录时，我调用这个方法：

saveTranslation() {
                $.ajax({
                    url: '/Translation/Edit',
                    data: new FormData($(`${tr.selectedclass} #translation-form`)[0]),
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    success: function (response) {
                        if (response.success === true) {                        
                            loadList();
                        }
                    }
                });
            }

此方法工作正常（通过 postman 和 chrome 开发工具确认）。 问题是我需要按 F5 来查看新记录，而不是立即刷新。 如您所见，我调用方法LoadList()来刷新表，但这不起作用。

笔记：

我对表格使用局部视图。

这是我的列表的 C# 方法：

[HttpPost]
public async Task<IActionResult> List(string searchString)
{       
    var translations = _context.translation.AsQueryable();
    translations = translations.OrderBy(x => x.CORETRANSLATIONID);

    if (!String.IsNullOrEmpty(searchString))
    {
           translations = translations.Where(x => x.ORIGINAL.Contains(searchString));
    }           
    return PartialView(await translations.ToListAsync());
}

有人可以指出我正确的方向吗？

Answer 1

在 JQuery 的post方法中，我也更改了它

saveTranslation() {
                $.ajax({
                    url: '/Translation/Edit',
                    data: new FormData($(`${tr.selectedclass} #translation-form`)[0]),
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    success: function (response) {                      
                        loadList();
                    }
                });
            }

if 语句不是必需的。