案例:我创建了sql数据按钮(while循环),对于每一行结果(machine_id,tag_name,real_value),我创建了一个按钮。此按钮有一个onclick方法,它调用JavaScript方法“drawChart()”,并用静态查询弹出图表。我试图让这个查询动态的按钮被点击的值。将php变量(点击)传递给另一个php脚本
创建按钮的代码片段。 drawChart的
while ($row = mysqli_fetch_array($result)) {
if ($row["int_value"] == 0 && $row["real_value"] == 0.0 && $row["bool_value"] != "") {
$data[] = $row;
$output .= '
<tr>
<td width="30%"><button name="view" value="view" id="id" class="view_btn_data" onclick="drawChart(\'' . $row["tag_name"] . '\')">' . $row["tag_name"] . '</button></td>
<td width="30%">' . $row["bool_value"] . '</td>
<td width="40%">' . $row["datetime"] . '</td>
</tr>
';
}
Javascript代码():
function drawChart()
{
google.charts.load('current', {'packages': ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(tagname) {
var jsonData = $.ajax({
url: "testChart.php",
dataType: "json",
data: {tagname: tagname},
async: false
}).responseText;
var data = new google.visualization.DataTable(jsonData);
var options = {
chart: {
title: 'Values',
},
width: 900,
height: 500
};
//var chart = new google.charts.Line(document.getElementById('chart_div'));
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
//chart.draw(data, google.charts.Line.convertOptions(options));
chart.draw(data, options);
$('#chartModal').modal("show");
}
}
图得到他testChart.php的数据,下面的查询:
$tagname = $_REQUEST['tagname'];
$Chart = "SELECT *
FROM (
SELECT *,
@rn := if(@tag_name = tag_name,
@rn + 1,
if(@tag_name := tag_name, 1, 1)
) as tag_count
FROM waardes
CROSS JOIN (SELECT @rn := 0, @tag_name := '') as vars
ORDER BY tag_name
) as T
WHERE tag_count < 51 AND machine_id LIKE 3 AND tag_name LIKE '. $tagname .'
ORDER BY datetime DESC";
它的工作原理,但一个静态图,点是,如果单击按钮,我想将该$行的参数传递给查询“WHERE tag_count < 51 AND machine_id LIKE 变量$ row [“machine_id”] AND tag_name LIKE 变量$ row [“tag_name”]“。
*对不起,如果它有点混乱,不真正与php,html和javascript家庭。
传递的网址你的机器ID “testChart.php?ID =”。$行[ 'machine_id']和访问使用$你的PHP页面_GET ['machine_id'] – pravindot17
我已经编辑上面的代码..请再看一遍。 – Niels