Получение html на готовом документе javascript против получения его по нажатию кнопки через ajax?

Question

У меня есть веб-страница с кнопкой.При нажатии этой кнопки мы хотим отобразить форму HTML.Ниже приведена скриптовая ссылка для того же самого.У нас есть 2 варианта:

1. Подготовьте HTML-документ к документу и отобразите его только после нажатия кнопки.Например:

   $(document)on('ready', function () {
      $.ajax({
          type: "GET",
          url: "/getform/",
          success: function (data) {
             $("#view").html(data);
          }});
   });
   

Поскольку этот вызов ajax готов, это не повлияет на время загрузки страницы.Недостатком является то, что пользователь может не нажимать кнопку, и в таких случаях мы бы излишне принесли этот HTML, если мы пойдем с этим подходом.Какая потеря в получении дополнительного HTML, как это?Th

Получить HTML-код после нажатия кнопки и затем показать его.

Как решить, какой метод оценки лучше?

Answer 1

Если форма не слишком большая (то есть не занимает много времени, чтобы загрузить) и не многие люди нажимают кнопку в первую очередь, я бы рассмотрел ее загрузку, когда кнопка нажата.

Покажите пользователям значок загрузки, такой как этот:

и попросите их подождать, сколько времени потребуется для загрузки"несколько килобайт".

$("#form-button").on('click', function () {
   $("#view").html(`<img src="spinner.gif" alt="Loading..." />`);
   $.ajax({
       type: "GET",
       url: "/getform/",
       success: function (data) {
          $("#view").html(data);
       }});
});