Таблица не обновляется после функции post в JQuery и ASP.NET CORE - PullRequest
0 голосов
/ 05 ноября 2019

Я сделал метод фильтрации. Этот метод работает как талисман, и когда я что-то набираю, таблица обновляется в строке поиска. Это мой метод поиска:

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

Этот метод работает нормально (подтверждено почтальоном и Chrome Devинструменты). Проблема в том, что мне нужно нажать 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());
}

Может ли кто-нибудь указать мне правильное направление?

1 Ответ

0 голосов
/ 05 ноября 2019

В моем методе post в JQuery я тоже его изменил

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

Оператор if не был необходим.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...