Как запустить первый экземпляр ajax jquery при загрузке страницы

Question

У меня есть jquery и ajax, которые выполняют запрос и показывают таблицу при нажатии кнопки. Проблема в том, что когда страница загружается в первый раз, запрос не запускается и ничего не показывает, поэтому нужно нажать кнопку, чтобы начать показ результата запроса. Есть ли способ выполнения запроса при загрузке страницы? а затем просто используйте кнопку. Мой код:

$(document).ready(function() {
  $("#display").click(function() {
    $.ajax({ //create an ajax request to display.php
      type: "GET",
      url: "genquery.php",
      dataType: "html", //expect html to be returned                
      success: function(response) {
        $("#responsecontainer").html(response);
        //alert(response);
      }
    });
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1" align="center">
  <tr>
    <td> <input type="button" id="display" value="Buscar" /> </td>
  </tr>
</table>
<div id="responsecontainer" align="center">

</div>

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

Answer 1

Просто позвоните click() на элемент для имитации клика.

$(document).ready(function() {
  $("#display").click(function() {
    $.ajax({ //create an ajax request to display.php
      type: "GET",
      url: "genquery.php",
      dataType: "html", //expect html to be returned                
      success: function(response) {
        $("#responsecontainer").html(response);
        //alert(response);
      }
    });
  }).click();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1" align="center">
  <tr>
    <td> <input type="button" id="display" value="Buscar" /> </td>
  </tr>
</table>
<div id="responsecontainer" align="center">

</div>

Answer 2

Вы можете извлечь функцию, которую вы вызываете, в обработчике кликов и вызвать ее в ready.

$(document).ready(function() {
  const displayContent = () => {
    $.ajax({ //create an ajax request to display.php
      type: "GET",
      url: "genquery.php",
      dataType: "html", //expect html to be returned                
      success: function(response) {
        $("#responsecontainer").html(response);
        //alert(response);
      }
    });
  }
  displayContent();
  $("#display").click(displayContent());
});