Začátky v ajaxu - vyvolání hlášky ihned – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím, rád bych se zeptal, jak řešíte v AJAXu vyvolání hlášky ihned. Uvedu-li příklad v php má podobnou konstrukci:

<?php

	if(isset($_GET['kliknuti']) && $_GET['kliknuti']=="ano") {
	
	$trueReport = "Zpráva o kliknutí.";	

		print $trueReport;
	
	}

?>

A odkaz na tuto zprávu pochopitelně:  

<a href="neconekde.php?kliknuti=ano">Kliknutí</a>

A já bych chtěl docílit toho, aby se stránka nemusela znova generovat, ale pouze vypsala pomocí ajaxu zpráva. Vezmu řešení klidně v javascriptu. Díky

document.body.addEventListener('click', function(evt) {
  if(!evt.target.tagName || evt.target.tagName.toLowerCase() !== "a") {
    return;
  }

  var xhr = new XMLHttpRequest();
  xhr.open("GET", evt.target.href, true);
  xhr.onreadystatechange = function() {
    if(xhr.readyState === 4 && xhr.status === 200) {
      alert(xhr.responseText);
    }
  };
  xhr.send();

  evt.preventDefault();
  return false;
}, false);

Samozrejme to používa API od W3C, takže pre IE to bude chcieť nejaký FW, alebo si to trochu upraviť. Princíp je ale hádam jasný.

Pokud neurazí jQuery, tak:

$(document).ready(function() {
  $('a#link1').click(function() {
    var src = $(this).serialize();
    $.ajax({
      type: "GET",
      url: "page.php",
      data: src,
      success: function(result){
        $('div.nejakyDiv').append(result);
      }
    });
    return false;
  });
});

Kde page.php je soubor s tím PHP kódem, pak je potřeba přidat nějaký identifikátor tomu odkazu, aby šel vybrat a ještě nějaký div, do kterého se zobrazí výsledek. V PHP kódu bude pak ještě return místo printu.

Paráda, oboje mi přijde jednoduché a hodící se. Ideální. Díky :-)