Javascript 使用ajax从另一个页面加载html时,未定义函数
我在一个页面中有一个表,我使用ajax获取数据库中的行,我有一个按钮,单击后,他执行了一个名为deleteRow的函数,但当我单击时,表示deleteRow未定义 我要显示表格的页面: getReservas.php deleteRow函数是在ready回调中定义的,因此它只存在于该回调的作用域中 您需要将deleteRow函数代码移动到外部作用域 比如说- 函数deleteRowelem{ console.logoi; var isto=元素; var id=isto.attrid; $.ajax{ 类型:POST,, url:deleteReserva.php, 数据:id, 成功:functiondata{ isto.remove; } }; } $document.readyfunction{ 使现代化 setIntervalfunction{update},10000; 功能更新{ $.ajax{ 键入:“post”, url:'getReservas.php', 成功:功能反应{ $table.childrentbody.htmlresponse; } }; } };Javascript 使用ajax从另一个页面加载html时,未定义函数,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我在一个页面中有一个表,我使用ajax获取数据库中的行,我有一个按钮,单击后,他执行了一个名为deleteRow的函数,但当我单击时,表示deleteRow未定义 我要显示表格的页面: getReservas.php deleteRow函数是在ready回调中定义的,因此它只存在于该回调的作用域中 您需要将deleteRow函数代码移动到外部作用域 比如说- 函数deleteRowelem{ console.logoi; var isto=元素; var id=isto.attrid; $.aj
sry我该怎么做?TY在内部使用外部标记。
<table>
<thead>
<td>Id</td>
<td>Nome</td>
<td>email</td>
<td>numero</td>
<td>data</td>
<td>hora</td>
</thead>
<tbody>
</tbody>
</table>
<script>
$(document).ready(function(){
update();
setInterval(function(){update()}, 10000);
function update(){
$.ajax({
type: 'post',
url: 'getReservas.php',
success: function (response) {
$("table").children("tbody").html(response);
}
});
}
function deleteRow(elem){
console.log("oi");
var isto = elem;
var id = isto.attr("id");
$.ajax({
type: "POST",
url: "deleteReserva.php",
data: id,
success: function(data){
isto.remove();
}
});
}
});
</script>
<?php
include "conexaoBaseDados.php";
$query = $mysqli->query("SELECT * FROM reservas");
$dados = array();
if($query->num_rows > 0){
while($row = $query->fetch_assoc()){
$dados[] = $row;
}
foreach($dados as $r){
echo "<tr>";
echo "<td onclick='deleteRow(this);' id=". $r["id"] .">" . $r['id'] . "</td>";
echo "<td>" . $r['nomeCliente'] . "</td>";
echo "<td>" . $r['emailCliente'] . "</td>";
echo "<td>" . $r['numeroCliente'] . "</td>";
echo "<td>" . $r['dataReserva'] . "</td>";
echo "<td>" . $r['horaReserva'] . "</td>";
echo "</tr>";
}
}
?>