Javascript 使用AJAX将Mysql数据加载到DIV中
当我按下编辑按钮时,我正试图从数据库中获取数据。加载的数据取决于数据库中的行数。对于每一行,您必须创建那么多的票证行 这是必须加载数据的divJavascript 使用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 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>