个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我是网页设计新手。一起学习 PHP 和 HTML。我正在尝试根据 SQL 结果动态显示图标数。我有一个 PHP 代码来查询数据库并获取结果。我有 HTML 代码，它只显示我指定的数字(静态)。我想我几乎接近实现它，但发现很难整合。我应该为此使用 AJAX 吗？我该怎么做？
index.php
<?php
$dbuser="root";
$dbname="test";
$dbpass="root";
$dbserver="localhost";
// Make a MySQL Connection
$con = mysql_connect($dbserver, $dbuser, $dbpass) or die(mysql_error());
mysql_select_db($dbname) or die(mysql_error());
// Create a Query
$sql_query = "SELECT ID, UserName, Status FROM table";
// Execute query
$result = mysql_query($sql_query) or die(mysql_error());
$jsonArray = array();
while ($row = mysql_fetch_array($result)){
$jsonArrayItem = array();
$jsonArrayItem["ID"] = $row["ID"];
$jsonArrayItem["UserName"] = $row["UserName"];
$jsonArrayItem["Status"] = $row["Status"];
array_push($jsonArray, $jsonArrayItem);
//echo '<option value='. $row['id'] . '>'. $row['login'] . '</option>';
}
mysql_close($con);
$tableData = array(
"data" => $jsonArray
);
header('Content-Type: application/json');
echo json_encode($tableData,JSON_UNESCAPED_SLASHES);
die();
?>
test.html
<html>
<head>
<title>EXAMPLE</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
</head>
<body>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript">
// AJAX uery.Call PHP and retrieve the result .Based on the number of rows, display the below elements
</script>
<div id="container">
<a href="#">
<figure>
<button title="User1" class=" fa fa-user" style="font-size:100px;color:**green**"></button>
<figcaption>User1</figcaption>
</figure>
</a>
<a href="#">
<figure>
<button title="User2" class="fa fa-user" style="font-size:100px;color:**red**"></button>
<figcaption>User2</figcaption>
</figure>
</a>
</div>
</body>
</html>
<style>
#container {
text-align: center;
}
a, figure {
display: inline-block;
}
figcaption {
margin: 10px 0 0 0;
font-variant: small-caps;
font-family: Arial;
font-weight: bold;
color: #bb3333;
}
figure {
padding: 5px;
}
img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
img {
transition: transform 0.2s;
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
}
</style>
如果状态为是，则图标应为绿色。如果否，则为红色。你能帮我整合并实现这一目标吗？
最佳答案
您在这里甚至可能不需要 AJAX。您可以只获取数据库查询的结果，并通过 foreach 循环遍历 index.php 中的数组。
使用 AJAX 的要点是让我们在 index.html 中说一个表单，并为数据库提供新条目并在 index.html 中获取新信息而无需重新加载页面，我在你的情况下没有看到。或者在不按某些时间间隔重新加载页面的情况下向 index.html 提供新数据。如果是这种情况，您可以使用 jQuery.ajax() 方法。这个方法可以被一些事件调用——按钮点击或时间间隔。你可以这样调用:
$.get("index.php", function(result){
var resultArray = jQuery.parseJSON(result);
});
然后您应该使用 resultArray 迭代并生成 .
关于javascript - 如何根据结果中的行数显示图标/图像的数量？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39419119/
25
4
0
我有一个包含未定义条目数的数据文件，如下所示: A B C D E.. 1 0 2 5 4 7 4 3 4 1 8 7 4 0 7 1 1 第一行代表工作时间，而不是暂停等交替方式。为了可
我需要有关小型 SQL 查询的帮助。考虑下表: TicketNo | Rules | Audit Result --------------------------------- P
我有一个非常大的表(~1 000 000 行)和带有联合、连接和 where 语句的复杂查询(用户可以选择不同的 ORDER BY 列和方向)。我需要获取分页的行数。如果我运行查询而不计算行数，它会很
我想获取数据帧的行数。 我可以通过 size(myDataFrame)[1] 实现这一点. 有更干净的方法吗？ 最佳答案 如果您正在使用 DataFrames具体来说，那么你可以使用 nrow() :
是否可以在带有千位分隔符的 VIM 状态栏中显示行数，最好是自定义千位分隔符？ 例子: set statusline=%L 应该导致“1,234,567”而不是“1234567”。 最佳答案 我找到了
我有一个非常基本的问题，但不知道该怎么做。如果 mysql 表中的行数增加，我想刷新页面。我已经尝试了一些不同的事情，比如在表中添加一个单独的列，如果行数和这个值相等，则值为 (id + 1)，然后进
我的 mysql TB 中的行数(如 TB 信息中所示)是 11093，而自动递增 ID(从 1 开始)是 11361。为什么会这样？ 最佳答案 删除的行不会重置 AI 索引。行数是当前表中的条目数，
我有一个 MySQL 表如下。 emp_no emp_name dob gender 1 A 1978-10-10 Male 2 B
ifstream inFile; inFile.open(filename); //open the input file stringstream strStream; strStream << i
SELECT * FROM table1 WHERE EXISTS (SELECT * FROM table2 WHERE *condition*) 例如，我可以检查是否有 3 行符合 table2
我正在尝试提取 SQL 表中的总行数。 我正在使用以下代码: $rowNum = mysql_query("SELECT COUNT(*) FROM Logs"); $count = mysql_fe
我想知道表格 View 的行宽是多少，UITableViewCell 文本标签的字体是什么，有人可以帮我吗？ 最佳答案 NSLog(@"width: %f", cell.frame.size.widt
对于以下内容: def linecount(filename): count = 0 for x in open(filename): count += 1 r
感谢关注。 我用C语言写了一段代码来统计字数、行数和字符数。 while((c = fgetc(fp)) != EOF) { if((char)(c) == ' ' || (char)(c)
我是 matlab 的新手，只需要更改代码中的一个非常小的东西。我有以下矩阵: ans = 1 1 1 1 2 1 2 1
我只是想弄清楚如何确定行数，然后使该数字显示在 HTML 中。 我准备好的声明如下所示: if($stmt = $mysqli -> prepare("SELECT field1, field2, f
PDO 显然无法计算从选择查询返回的行数(mysqli 有 num_rows 变量)。 除了使用 count($results->fetchAll()) 之外，有没有办法做到这一点？ 最佳答案 根据手
SELECT count(*) FROM Stack WHERE Id = 33478 GROUP BY SID Output: (No column name) 1 4 对于结果；有两排。怎么退货
IE。如果我们有一个包含400万行的表。 其中具有一个STATUS字段，该字段可以采用以下值:TO_WORK，BLOCKED或WORKED_CORRECTLY。 您是否会在一个仅会更改一次的字段上进行
所以在JTextArea中有一个getLineCount()是否有与JTextPane类似的东西，因为我可以找到任何东西。也许有不同的方法来获得它？我想获取当前存在的行数。 最佳答案 (正如您所指出的
我是一名优秀的程序员,十分优秀！