Javascript PHP没有';t从JQuery中获取id属性变量
好的,我有一个mysql表(带有id、名称、照片等),它显示每个id的图像。当我单击每个图像时,它会打开一个模式,我想显示给定id的名称Javascript PHP没有';t从JQuery中获取id属性变量,javascript,php,jquery,mysqli,Javascript,Php,Jquery,Mysqli,好的,我有一个mysql表(带有id、名称、照片等),它显示每个id的图像。当我单击每个图像时,它会打开一个模式,我想显示给定id的名称 <input type="image" src="imatges/<?php echo $row['foto']; ?>" id="<?php echo $row['id']?>" class="img-rounded image" width="250px" height="200px" data-target="#myModa
<input type="image" src="imatges/<?php echo $row['foto']; ?>" id="<?php echo $row['id']?>" class="img-rounded image" width="250px" height="200px" data-target="#myModal"/>
jQuery代码需要使用PHP脚本返回的信息更新DOM 您应该有一个脚本,它只返回您要查找的名称,而不包含所有HTML
<?php
if (!isset($_POST['id'])) {
echo "no";
exit;
}
$id = $_POST['id'];
require_once("dbsetup.php"); // or whatever you use to initialize your database connection
$prepIexec2 = $conn->prepare('SELECT nom FROM TaulaGats WHERE id = :id');
$prepIexec2->bindParam(':id', $id);
$prepIexec2->execute();
$row = $prepIexec2->fetch(PDO::FETCH_ASSOC);
if ($row) {
echo $row['nom'];
} else {
echo "no";
}
您永远不会使用
结果执行任何操作。模式只包含您第一次加载页面时的内容,您永远不会使用AJAX响应更新它。您还需要执行$id=$\u POST['id']代码>好的,我试着写$id=$\u POST['id'];但它也不起作用。我应该如何处理结果?我的意思是,我只想用PHP获取id属性:/echo$row
毫无意义$row
是一个数组,您不能回显它。我尝试了这个,但也不起作用!给了我同样的错误。伙计,这让我发疯了,我有那么笨吗?你的答案看起来很好,我不明白为什么它仍然不起作用:(哎呀,我遗漏了$id
作业。是的。你没有足够的代表来做那样的琐碎编辑吗?我不介意拼写错误修复。
$(document).ready(function(){
$(".image").click(function(){
var id = $(this).attr('id');
$.ajax({
type: "POST",
data: { id: id },
success: function (result) {
$("#myModal").modal();
}
});
});
});
<?php
if (!isset($_POST['id'])) {
echo "no";
exit;
}
$id = $_POST['id'];
require_once("dbsetup.php"); // or whatever you use to initialize your database connection
$prepIexec2 = $conn->prepare('SELECT nom FROM TaulaGats WHERE id = :id');
$prepIexec2->bindParam(':id', $id);
$prepIexec2->execute();
$row = $prepIexec2->fetch(PDO::FETCH_ASSOC);
if ($row) {
echo $row['nom'];
} else {
echo "no";
}
$(document).ready(function(){
$(".image").click(function(){
var id = $(this).attr('id');
$.ajax({
url: "getNom.php",
type: "POST",
data: { id: id },
success: function (result) {
$("#myModal h4 span").text(result);
$("#myModal").modal();
}
});
});
});