如何在页面加载时加载 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');}

目录

<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)

当您在 on 单击以在您的 html 标签上跳动相同的功能时

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

Answer 2

使用 jquery 从 document.ready 调用函数

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

请参考提琴手链接，因为我在加载页面时和锚点单击时调用了相同的函数(对于锚点单击，将单击逻辑移动到 jquery 而不是内联 HTML 事件以获得更好的做法。此功能将说"早上好"。

所以同样，如果你的ajax逻辑是正确的，你在函数中写的任何内容都可以工作。

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