如何将包含在HTML页面中的变量传递给PHP，然后用JS显示它 - Chart.js

我需要在我的网站上显示一个图表（来自SQL数据）。所以我决定使用chart.js。我在互联网上找到了一个例子。但我有一个问题：如何将包含在HTML页面中的变量传递给PHP，然后用JS显示它 - Chart.js

我想知道如何将包含在HTML页面中的变量传递给PHP（做出请求sql），然后用JS显示它。我找不到这个信息。你能帮我吗？

此为例代码：

HTML：

<html> 
    <head> 
    <script type="text/javascript" src="assets/js/jquery.min.js"></script> 
    <script type="text/javascript" src="assets/js/Chart.min.js"></script> 
    <script type="text/javascript" src="assets/js/linegraph.js"></script> 
    </head> 

<body> 
    <header> 
    </header> 
    <div class="chart-container"> 
     <canvas id="mycanvas"></canvas> 
    </div> 
    </body> 
</html>

PHP：

<?php 
//setting header to json 
header('Content-Type: application/json'); 

//database 
define('DB_HOST', 'localhost'); 
define('DB_USERNAME', 'root'); 
define('DB_PASSWORD', '*****'); 
define('DB_NAME', 'Michel'); 

//get connection 
$mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME); 

if(!$mysqli){ 
    die("Connection failed: " . $mysqli->error); 
} 

//query to get data from the table 
$query = 'SELECT heure, payload FROM reception ORDER BY date DESC LIMIT 10'; 

//execute query 
$result = $mysqli->query($query); 

//loop through the returned data 
$data = array(); 
foreach ($result as $row) { 
    $data[] = $row; 
} 

//free memory associated with result 
$result->close(); 

//close connection 
$mysqli->close(); 

//now print the data 
print json_encode($data); 
?>

JS：

$(document).ready(function(){ 
    $.ajax({ 
     url : "graphdata.php", 
     type : "GET", 
     success : function(data){ 
      console.log(data); 

      var heure = []; 
      var payload = []; 

      for(var i in data) { 
       heure.push("Heure " + data[i].heure); 
       payload.push(data[i].payload); 
      } 

      var chartdata = { 
       labels: heure, 
       datasets: [ 
        { 
         label: "payload", 
         fill: false, 
         lineTension: 0.1, 
         backgroundColor: "rgba(59, 89, 152, 0.75)", 
         borderColor: "rgba(59, 89, 152, 1)", 
         pointHoverBackgroundColor: "rgba(59, 89, 152, 1)", 
         pointHoverBorderColor: "rgba(59, 89, 152, 1)", 
         data: payload 
        } 
       ] 
      }; 

      var ctx = $("#mycanvas"); 

      var LineGraph = new Chart(ctx, { 
       type: 'line', 
       data: chartdata 
      }); 
     }, 
     error : function(data) { 

     } 
    }); 
});

来源

2017-08-30 user46510

你在谈论这样的事情？

在JS方面：

$.ajax({ 
    url: 'test.php', 
    method: 'POST', 
    data: { 
    filter: '<?php echo $Variable; ?>', 
    }, 
    success: function(r) { 
    console.log(r); 
    } 
});

然后，在PHP端你可以使用

<?php 
    echo $_POST['filter']; //outputs someValue

这是你脑子里有什么？

来源

2017-08-30 08:23:44

NOP，这不是真的，我想获得一个变量形式的这部分（HTML）：

我想在PHP文件上使用它。在我的请求中添加一个WHERE SQL： //获得连接 $ mysqli = new mysqli（DB_HOST，DB_USERNAME，DB_PASSWORD，DB_NAME）; – user46510

那么，只需在你想要的地方添加回声？编辑我的回答 –

我真的很抱歉，但我不明白你说什么。我有一个变量，就像我说的HTML中的$变量，我想在PHP中读取它，所以我不明白为什么我们做一个'POST' – user46510

@Damir Kasipovic NOP，这不是真的，我想获得一个变量形式的这部分（HTML）：

<html> 
 
    <head> 
 
    <script type="text/javascript" src="assets/js/jquery.min.js"></script> 
 
    <script type="text/javascript" src="assets/js/Chart.min.js"></script> 
 
    <script type="text/javascript" src="assets/js/linegraph.js"></script> 
 
    </head> 
 

 
<body> 
 
    <header> 
 
    </header> 
 
    <div class="chart-container"> 
 
     <canvas id="mycanvas"></canvas> 
 
     
 
     <?php 
 
     $Variable ='1'; // Exemple 
 
    </div> 
 
    </body>

而且我想用它的PHP文件。要添加一个WHERE上我的要求SQL：

<?php 
 
//setting header to json 
 
header('Content-Type: application/json'); 
 

 
//database 
 
define('DB_HOST', 'localhost'); 
 
define('DB_USERNAME', 'root'); 
 
define('DB_PASSWORD', '*****'); 
 
define('DB_NAME', 'Michel'); 
 

 
//get connection 
 
$mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME); 
 

 
if(!$mysqli){ 
 
    die("Connection failed: " . $mysqli->error); 
 
} 
 

 
//query to get data from the table 
 
$query = 'SELECT heure, payload FROM reception WHERE variable ='".variable.'" ORDER BY date DESC LIMIT 10'; 
 

 
//execute query 
 
$result = $mysqli->query($query); 
 

 
//loop through the returned data 
 
$data = array(); 
 
foreach ($result as $row) { 
 
    $data[] = $row; 
 
} 
 

 
//free memory associated with result 
 
$result->close(); 
 

 
//close connection 
 
$mysqli->close(); 
 

 
//now print the data 
 
print json_encode($data); 
 
?>

来源

2017-08-30 17:07:39 user46510

如何将包含在HTML页面中的变量传递给PHP，然后用JS显示它 - Chart.js

回答

相关问题