在 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 語句不是必需的。