我从MySQL接收progressbar的值时遇到问题。
我的代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>progressbar demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<div id="progressbar"></div>
<script>
$( "#progressbar" ).progressbar({
value: 100 //<----- here i need to put value from mysql table
});
</script>
</body>
</html>
感谢您的帮助
我试图做这样的事情：
<?php
$sql = "SELECT * FROM tbl_progress WHERE id = '1'
$conn = mysqli_connect('host','user','pass','database');
$result = mysqli_query($conn,$sql);
$row = mysqli_fetch_row($result);
$progress = $row['progress'];
?>
和：
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $progress; ?>%;"><?php echo $progress; ?>
</div>
</div>
有人帮我吧！
最佳答案
我建议您使用jQuery $.get()方法并像这样使用它：
例如，我们有一个名为progress_bar.php的文件，它的内容是：
<?php
$sql = "SELECT * FROM tbl_progress WHERE id = '1'";
$conn = mysqli_connect('host','user','pass','database');
$result = mysqli_query($conn,$sql);
$row = mysqli_fetch_row($result);
echo json_encode(array('value' => $row['progress']));
?>
和带有进度条的页面：
<div id="progressbar"></div>
<script>
$.get('progress_bar.php',function(data){
var pb = $.parseJSON(data);
$( "#progressbar" ).progressbar({ value: pb.value });
});
</script>
或者如果您想将
ID传递给您的query，请使用$.post()方法，然后在
progress_bar.php中进行以下更改：<?php
$id = $_POST['id'];
$sql = "SELECT * FROM tbl_progress WHERE id = '$id'";
和JS部分：
<script>
$.post('progress_bar.php', { id: 1 }, function(data){
var pb = $.parseJSON(data);
$( "#progressbar" ).progressbar({ value: pb.value });
});
</script>
关于php - 从mysql接收jQuery进度条值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34785889/