Je suis novice dans le Javascript détaillé avec AJAX et PHP, et j'ai fait beaucoup de lecture, et surtout d'essais et d'erreurs à ce stade, mais je suis dans une situation où je ne suis pas trouver les informations Javascript et Ajax qui me poussent dans la bonne direction, donc je génère du mauvais code. J'ai 2 onduleurs solaires chez moi, et j'ai un port de données RS232 sur chaque onduleur qui est maintenant connecté à mon réseau domestique via un convertisseur IP pour télécharger les données sur une table MySQL de la puissance que les inverseurs font chaque heure, et afficher les données sur un simple site Web que j'ai fait, donc je peux voir ce qui se passe pendant les heures de jour je suis au travail.Datepicker va générer un rapport
J'ai créé une page Web avec un outil Jpu Datepicker pour générer des rapports sur les informations. J'essaie d'utiliser le DatePicker comme outil pour sélectionner une date "Début" et "Fin" du moment où je veux voir la puissance générée, puis appeler cette information depuis la table MySQL, pour ensuite générer un formulaire/table sur la page web que je peux voir et aussi imprimer.
J'ai essayé d'utiliser AJAX pour demander au PHP de faire cette opération sans résultat.
J'ai une base MySQL Table ...
+---------+----------+------------+---------+------------+----------+ | UNIT ID | Date | Time | Power | Volts | Current | +---------+----------+------------+---------+------------+----------+ | 1 |YYYY-MM-DD| 12:00:00 | 560 | XXXX | XXXX | +---------+----------+------------+---------+------------+----------+ | 1 |YYYY-MM-DD| 13:00:00 | 560 | XXXX | XXXX | +---------+----------+------------+---------+------------+----------+ | 1 |YYYY-MM-DD| 12:00:00 | 490 | XXXX | XXXX | +---------+----------+------------+---------+------------+----------+
Etc ....
Le code HTML est ... chef
//DatePicker
<script type="text/javascript">
$(function(){
$('input').daterangepicker({dateFormat: 'M d, yy', posX: 25, posY: '6.8em'});
});
</script>
//Ajax XML connect to the PHP to MySQL and back
<script type="text/javascript">
function makeReport(str)
{
if (str=="")
{
document.getElementById("start1").innerHTML="";
document.getElementById("end1").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtText").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","report.php"+str,true);
xmlhttp.send();
}
</script>
A l'intérieur du corps de la page J'ai ...
//The DatePicker
<div id="calsw"><label>
From:
</label>
<input type="text" id="start1" onchange="makeReport(this.value)"/>
<label>
To:
</label><input type="text" id="end1" onchange="makeReport(this.value)"/></div>
//Where the Report will show
<div id="textHint" align="center">Report Data will list here</div>
Le P HP (report.php) est écrit ...
<?php
$start1=strtotime('start1');
$end1=strtotime('end1');
$con = mysql_connect('localhost', 'XXXX', 'XXXXXXXX');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("inverters", $con);
$sql='select * date, time, power, amp, current '
.'FROM feed AS textHint '
.'ORDER BY date,time'
.'WHERE DATE BETWEEN [start1] and [end1]';
$res = mysql_query($sql);
while ($row = mysql_fetch_assoc($res))
echo $row['textText'];
echo "<table border='1'>
<tr>
<th>Date</th>
<th>Hour</th>
<th>Power</th>
<th>Volt</th>
<th>Current</th>
</tr>";
while($row = mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['Date'] . "</td>";
echo "<td>" . $row['Time'] . "</td>";
echo "<td>" . $row['Power'] . "</td>";
echo "<td>" . $row['Volt'] . "</td>";
echo "<td>" . $row['Current'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysql_close($con);
?>
Plus je lis et plus je fais différentes Chages au code, je sens que je ne vais pas en avant du tout. Toute aide avec ceci, ou un lien vers où je peux lire et m'instruire à cet appel de données avec un dateur de date serait merveilleux.
Merci.
Alan
Avez-vous jamais régler cette question avec succès? Avez-vous encore besoin d'aide pour cela? – jcolebrand