PHP - Sondaj AJAX. Exemplu explicat - Pagina HTML. Funcția "getVote()". Evenimentul "onclick". Creați un obiect XMLHttpRequest.

PHP - Sondaj AJAX

Sondaj AJAX

Următorul exemplu va demonstra un sondaj în care rezultatul este afișat fără reîncărcare.

Exemplu explicat - Pagina HTML

Când un utilizator alege o opțiune, se execută o funcție numită "getVote()".

Funcția este declanșată de evenimentul "onclick":

<html>
<head>
<script>
function getVote(int) {
  if (window.XMLHttpRequest) {
    // cod pentru IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else {  // cod pentru IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("poll").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET","poll_vote.php?vote="+int,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<div id="poll">
<h3>Până acum vă plac PHP și AJAX?</h3>
<form>
Da:
<input type="radio" name="vote" value="0" onclick="getVote(this.value)">
<br>Nu:
<input type="radio" name="vote" value="1" onclick="getVote(this.value)">
</form>
</div>

</body>
</html>

Funcția getVote() face următoarele:

Creați un obiect XMLHttpRequest

Creați funcția care trebuie executată atunci când răspunsul serverului este gata
Trimiteți cererea dezactivată unui fișier de pe server
Observați că la URL se adaugă un parametru (vote) (cu valoarea opțiunii da sau nu)