[AJAX] refreshen bij invoeren serienummer

Door Bouke Seel op 27-04-2011 15:45 gewijzigd op 27-04-2011 15:49

1.661 views

Ik heb nu een script gemaakt maar hij werkt niet (zie door de bomen het bos niet meer).
De gegevens uit de database moeten dus elke keer als er een serienummer ingevuld word updaten.

<?php
<html>
<head>
<script src="selectproduct.js">
var xmlHttp = GetXmlHttpObject();
//functie die het naar de php pagina verstuurd
function showProduct(str){
if(xmlHttp==null){
alert ("Browser ondersteunt niet het XMLHTTP object.")
return
}
//Open PHP script for requests
xmlHttp.open('get', 'getproduct.php?artikelnummer='+str);
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.send(null);

//weergeven van productinformatie in de div
function stateChanged()
{
var response = xmlHttp.responseText;
if (response){
var ajaxDisplay = document.getElementById("txtHint");
ajaxDisplay.innerHTML = "";
ajaxDisplay.innerHTML = response;
}
}
}
//aanmaken xmlhttpobject
function GetXmlHttpObject(){
var objXMLHttp=null
if (window.XMLHttpRequest){
objXMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject){
objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
}
return objXMLHttp
}
</script>
</head>
<body>
<?php Include "getproduct.php"?>

<form id="snel_bestellen" name="snel_bestellen" method="POST" action="">
<table class="snel_bestellen" width="100%">
<thead>
<tr class="info_header">
<th class="artikelnummer" width="156px">Artikelnummer</th>
<th class="aantal" width="64px;">Aantal</th>
<th class="naam">Productnaam</th>
<th class="stuk">Prijs per stuk</th>
<th class="totaal">Totaal prijs</th>
</tr>
</thead>
<tbody>
<tr id="txtHint">
<td><input type="text" onChange="showProduct(this.value)" class="Artikelnummer" name="Artikelnummer[]"></td>
<td><input type="text" class="aantal" name="aantal[]"></td>
<td class="productnaam"></td>
<td class="prijs"></td>
<td class="totaal"> € 0,00</td>
</tr>
<tr id="txtHint">
<td><input type="text" onChange="showProduct(this.value)" class="Artikelnummer" name="Artikelnummer[]"></td>
<td><input type="text" class="aantal" name="aantal[]"></td>
<td class="productnaam"></td>
<td class="prijs"></td>
<td class="totaal"> € 0,00</td>
</tr>
</tbody>
</table>
<input type="submit" class="winkelwagentje" name="winkelwagentje" value="">
</form>

</body>
</html>
?>

getproduct.php

<?php

<?php

if (empty($_POST['Artikelnummer'])) {

}
else { foreach($_POST['Artikelnummer'] as $Artikelnummer)

{
include 'JALELALEA.php';
$sql=("SELECT Artikelnummer, Naam, Prijs FROM producten WHERE Artikelnummer = '".mysql_real_escape_string($Artikelnummer)."'");
$result = mysql_query($sql)or die(mysql_error());
$rows = mysql_num_rows($result);

If($rows == 0) {
echo "<td class='productnaam'>";
echo "Nummer niet gevonden";
echo "</td>";

echo "<td class='prijs'>";
echo "";
echo "</td>";
}
else
{
$fetch = mysql_fetch_assoc($result);
echo "<td class='productnaam'>";
echo $fetch['Naam'];
echo "</td>";

echo "<td class='Prijs'>";
echo "€ ";
echo $fetch['Prijs'];
echo "</td>";
}
}
}

?>

?>