Как загрузить ajax при загрузке страницы без клика в jquery?

Question

Мне нужно отображать данные ajax только тогда, когда открыта страница, теперь загружается ajax и отображается на странице при нажатии на тег гнева.кто-нибудь может помочь решить эту проблему?

Большое спасибо

Вот мой код

Сценарий

function Generator_details(id){

    $('#Generator_details').html();
    $.ajax({
    url:"<?php echo base_url();?>index.php/Generators/get_data",
    type: 'POST',
    data:{id:id},
    dataType: 'json',
    success:
    function(data)
    {
           document.getElementById('Id').value=data['generator_id'];
            $("#generator_serial_number").html(data['generator_serial_number']);
            $("#capacity_name").html(data['capacity_name']);


    },

    error:function(e){
    console.log("error");
    }

  });


  $('.prof_cls').removeClass('active');
    $('#Generator_detail').addClass('active');}

HTML

<a href="#" data-page="Generator_details"   id="Generator_detail" class="list-group-item prof_cls active" onclick="return Generator_details('<?php echo $records->generator_id ?>')"><span class="fa fa-bar-chart-o"></span> Generator Summary </a>


 <div class="box-body table-responsive page"  data-page="Generator_details" id="Generator_details">

    <div class="form-group clearfix">
     <div class="col-md-3">
       <label for="exampleInputEmail1">Serial number</label>
       <label for="Serialnumber" id="generator_serial_number"></label>
       <input type="hidden"  class="form-control" id="Id">
     </div>
   </div>

 <div class="form-group clearfix">
  <div class="col-md-3">
   <label for="exampleInputEmail1">Capacity</label>
   <label for="capacity_name" id="capacity_name"></label>
  </div>
 </div>
</div>

Answer 1

Все, что вам нужно сделать, это вызвать вашу функцию ajax после загрузки страницы.

Generator_details(id)

Когда вы нажимаете на кнопку, чтобы пометить ту же функцию на вашем HTML-теге

<button onclick="Generator_details(id)">Click me</button>

Answer 2

Вызовите вашу функцию из document.ready, используя jquery

$(document).ready(function(){
    Generator_details('<?php echo $records->generator_id ?>');
});

Пожалуйста, обратитесь к ссылке fiddler, в которой я вызывал ту же функцию при загрузке страницы, а также при щелчке якоря (Для щелчка якоря перемещенологику щелчка к jquery вместо встроенного события HTML для лучшей практики.) Эта функция скажет «Доброе утро».

Точно так же все, что вы пишете внутри функции, будет работать, если ваша логика ajax верна.

https://jsfiddle.net/Linoy/7v9e4crj/13/