Лучшая практика обновления списка на сайте

Question

Я создал приложение ASP.NET MVC. У нас есть список, который показывает все элементы, находящиеся в базе данных. У нас также есть кнопка, в которой отображается всплывающее диалоговое окно, в котором вы можете создать другую запись. Мы хотим добавить этот элемент в список, когда он будет создан. Теперь мой вопрос, что один из следующих способов лучше для этого:

• Добавление элемента вручную (с помощью JavaScript) в списке. Меня беспокоит то, что он чувствует себя тихо, халатно/не очень хорошо.

• Перезагрузка страницы, поэтому все записи перезагружаются из базы данных.

Какой из методов лучше для этой цели с точки зрения производительности и «хорошей практики» (Следует отметить, что этот список будет likley парить вокруг отметки 100-200 пунктов)

Заранее спасибо !

Answer 1

Вы можете сделать обратный вызов на сервере, и при успешном выполнении этого обратного вызова вы можете продолжить и добавить этот новый элемент в список. Не нужно обновлять всю страницу.

Нечто подобное (взято из here):

$.ajax({ url: '/Controller/Action/Id', 
    success: function(data) { alert(data); }, 
    statusCode : { 
     404: function(content) { alert('cannot find resource'); }, 
     500: function(content) { alert('internal server error'); } 
    }, 
    error: function(req, status, errorObj) { 
      // handle status === "timeout" 
      // handle other errors 
    } 

});

Answer 2

Я бы переиздал список асинхронно. В зависимости от того, как это кодируется, это можно сделать либо с помощью кода на стороне сервера, либо с помощью javascript ajax-вызова.

Answer 3

Я хотел бы начать с формы и перезагрузки страницы.

Вы можете добавить возможность отправки формы с помощью ajax, а затем, если форма проходит и проверяет и возвращает сообщение об успешном завершении, добавьте новый элемент в список через javascript.

Таким образом, если кто-то отключает javascript, они все равно могут отправить форму, но они просто получают обновление страницы. Или, если вызов ajax не удался, вы все равно можете прибегнуть к обновлению страницы.