Javascript 使用AJAX将Mysql数据加载到DIV中

Javascript 使用AJAX将Mysql数据加载到DIV中,javascript,php,html,mysql,ajax,Javascript,Php,Html,Mysql,Ajax,当我按下编辑按钮时,我正试图从数据库中获取数据。加载的数据取决于数据库中的行数。对于每一行,您必须创建那么多的票证行 这是必须加载数据的div <div class="row" id="cargaConceptos"> <div class="col-md-12"> <input type="text" hidden="" id="n

当我按下编辑按钮时,我正试图从数据库中获取数据。加载的数据取决于数据库中的行数。对于每一行,您必须创建那么多的票证行

这是必须加载数据的div

 <div class="row" id="cargaConceptos">
   <div class="col-md-12">
        <input type="text" hidden="" id="numeroAlbaranConceptosU" name="">
        <label style="font-weight:bold;">Conceptos</label>
   </div>
 </div>
此函数通过获取PHP代码调用,如下所示:

<?php

require_once "bd/conexion.php";
$conexion = conexion();

$numeroAlbaran = $_GET['numeroAlbaranConceptos'];

$query2 = "SELECT * FROM l_albaran_conceptos WHERE N_ALBARAN ='$numeroAlbaran'";
$result2 = mysqli_query($conexion, $query2);
$html='';

                            
                                
while($valores = mysqli_fetch_array($result2)) {
    $html .= '<div class="row"> <div class="col-md-4"><label>ID<label><input type="text" value="'.$valores['id'].'"</input></div>';
    $html .= '<div class="col-md-4"><label>Nº Albaran<label><input type="text" value="'.$valores['N_ALBARAN'].'"</input></div>';
    $html .= '<div class="col-md-4"><label>ID Obra<label><input type="text" value="'.$valores['ID_OBRA'].'"</input></div></div>';
    $html .= '<div class="row"><div class="col-md-4"><label>ID Operario<label><input type="text" value="'.$valores['ID_OPERARIO'].'"</input></div>';
    $html .= '<div class="col-md-4"><label>ID Concepto<label><input type="text" value="'.$valores['ID_CONCEPTO'].'"</input></div>';
    $html .= '<div class="col-md-4"><label>Horas<label><input type="text" value="'.$valores['HORAS'].'"</input></div></div>';
    

}

echo $html;

?>

ajax函数位于一个名为implementzaralbaran()的函数中,该函数在单击update按钮时执行

<script type="text/javascript">
$(document).ready(function() {
    
    $('#btnActualizarAlbaran').click(function() {
        actualizarAlbaran();
    });
});
</script>

$(文档).ready(函数(){
$('#btnactualizalarbaran')。单击(函数(){
扎拉巴兰();
});
});

它不向我显示html,在带有console.log(r)的控制台中,它也不显示任何内容。

F12开发工具的网络选项卡中有什么内容?呼叫是否显示错误?控制台不显示任何内容,控制台除外。“网络”选项卡。您应该在那里看到您的AJAX调用以及它是否出错。HTML中的
btnActualizarAlbaran
在哪里?
<script type="text/javascript">
$(document).ready(function() {
    
    $('#btnActualizarAlbaran').click(function() {
        actualizarAlbaran();
    });
});
</script>