我目前正在做一个非常重要的项目,我几乎完成了。但我被困在网站核心功能的最后一部分...我想知道如何从我的数据库中检索三列数据:“标题”,“描述”,“链接”,并将“标题”和“描述”行打印到<div></div>
,我想使用链接属性<div><a href = "" id = "anchor"></a></div>
的$("#anchor").attr("href", link)
。我的问题是,它只执行数据库表中第一行的Javascript代码。
<html>
<head>
<title>test001</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<style>
#load1 {
background-color: green;
height: 100px;
width: 100px;
}
#load2 {
background-color: green;
height: 100px;
width: 100px;
}
</style>
<div id="divone">
<div id="load">
<div id="load1">
</div>
<div id="load2">
</div>
<div>
<a href="" id="load3" target="_ blank">
Test
</a>
</div>
</div>
</div>
<script>
function clone() {
var div = document.getElementById("load");
var cln = div.cloneNode(true);
document.getElementById("divone").appendChild(cln);
}
</script>
<?php
$conn = mysqli_connect("localhost", "id5757217_testsql01", "9977553311", "id5757217_testsql1");
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM insertion";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while ( $row = $result->fetch_assoc() ) {
$array[] = $row;
$id = $row['ID'];
$tle = $row['Title'];
$des = $row['Description'];
$lnk = $row['Link'];
echo "<script type = text/javascript>clone()</script>";
}
} else { echo "0 results"; }
$conn->close();
?>
<script>
var id = "<?php echo $id; ?>";
var title = "<?php echo $tle; ?>";
$("#load1").text(title);
var desc = "<?php echo $des; ?>";
$("#load2").text(desc);
var lnk = "<?php echo $lnk; ?>";
$("#load3").attr("href", lnk);
</script>
</body>
</html>
发布于 2018-06-20 04:04:23
你不应该使用Javascript来创建所有的DIVs。只需在PHP脚本中执行即可。
您还需要将所有重复的ID更改为classes,因为ID应该是唯一的。
<div id="divone">
<?php
while ($row = $result->fetch_assoc()) {
?>
<div class="load">
<div class="load1"> <?php echo $row['Title']; ?> </div>
<div class="load2"> <?php echo $row['Description']; $> </div>
<div> <a class="load3" href="<?php echo $row['Link']; ?>" target="_blank">Test</a> </div>
</div>
<?php }
?>
</div>
https://stackoverflow.com/questions/50935832
复制相似问题