Forms i Ajax, hvordan sender jeg svaret tilbage til DIV'en hvor input formen var ?
Jeg har oprettet en form der vises i en DIV på min HTML side, der ellers er skjult. Formen dannes af et AJAX kald, da indholdet er afhængig af 1-50 forskellige links til denne input form.Selve AJAX kaldet og den grundlæggende behandling af formen virker godt nok, men når resultatet skal vises, kommer det i browser vinduet og ikke inde i min DIV.
jeg formoder at jeg skal skrive et nyt AJAX kald, men vil gerne høre din mening.
Her er mit første ajax kald:
function ajaxAddReview(beerid){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4 && ajaxRequest.status==200){
document.getElementById('addreviewtext').innerHTML=ajaxRequest.responseText; //skriv formen i DIV'en
}
}
document.getElementById('addreview').style.display='block'; //gør DIV'en synlig
var queryString = "?id=" + beerid;
ajaxRequest.open("GET", "/ajax/addreview.php" + queryString, true); // Send ajax request
ajaxRequest.send(null);
}
Min ajax form ser således ud: (har kun medtaget første del, efter initeringen)
switch ($lcnt){
case 1:
$user=$_SESSION['s_id'];
$reviews=Get_user_beerrew($user,$conn)+1;
if($reviews)
{
$reviews++;
$alm=$reviews.'. anmeldelse';
}
else
$alm="første anmeldelse";
$beerArr=Get_beer_name($beerid,$conn);
$beername=$beerArr['beername'];
$brewname=$beerArr['brewname'];
echo (utf8_encode('Hej '.$_SESSION['s_nickname'].', Du kan nu skrive din '.$alm.'<br>'));
echo (utf8_encode('Øllen du kan anmelde her er: '.$beername.' fra '.$brewname.'<br>'));
?>
<form id="addrew" name="addrew" action="ajax/addreview.php" onsubmit="return formValidator();" method="POST">
<table width="100%" border="0">
<tr>
<td>Points *</td>
<td><input id="points" name="points" type="text" value="<?php echo ($points); ?>">
(0.0 - 10.00)</td><td><A HREF="sql/points.php" onClick="return popup_wh(this,'Points',650,600)">Se
point definition her</A></td>
</tr>
<tr>
<td>Farve *</td>
<td><input name="farve" id="farve" type="text" length="20" value=""> Beskriv hvordan øllet ser ud</td>
</tr>
<tr><td valign="top">Din Anmeldelse: *</td><td colspan="2"><textarea id="tekst" name="tekst" rows="15" cols="80" style="width: 80%"><?php echo ($text); ?></textarea></td>
</tr>
<tr><td colspan="2"><input type="submit" value="Anmeld!"></p></td><td></td></tr>
</table>
<p><input name="lcnt" type="hidden" value="<?php echo "$lcnt";?>">
<input name="beerid" type="hidden" value="<?php echo "$beerid";?>">
</form>
<?php
break;
Det som jeg har fundet ud af er at et kald til scriptet her ikke er en brugbar løsning, men hvad gør jeg så ?
