AJAX cu jQuery

sursa de inspiratie

Diferenta fata de sursa de inspiratie consta in faptul ca am inclus si sursele paginilor "dinamice" (folosind PHP si nu CGI) si am folosit doi parametri in loc de unu.

Important: pentru ca exemplele cu paginile dinamice sa mearga local trebuie sa incarcati fisierul acesta ca pagina pe server (deci cu http://...calea-spre-el.../tutorial06.html). Aceasta daca, evident, aveti un server local instalat.

 

Continut luat dintr-un fisier HTML

Codul folosit mai sus:
$("div#html").load("fisier.html");

 

Continut luat dintr-un fisier XML

Codul folosit mai sus:
$.get("fisier.xml",function(xml){
  var partea1 = $("title",xml).text();
  var partea2 = $("description",xml).text();
  $("div#xml").html("<h2>"+partea1+"</h2>"+partea2);
});

 

Continut luat dintr-un fisier HTML dinamic

Codul folosit mai sus:
$("div#dhtml").load("fisier-html.php",{nume:"Ion Popescu",varsta:30});

Codul paginii PHP:
<?php
  echo "<h2>Testul Ajax nr. 3</h2>";
  // aici am putea introduce codul in care
  // adaugam numele intr-o baza de date
  echo "Numele lui este: ".$_REQUEST["nume"].". El are varsta de ".$_REQUEST["varsta"]." ani.";
?>

 

Continut luat dintr-un fisier XML dinamic

Codul folosit mai sus:
$.post("fisier-xml.php",
  {nume: "Ion Popescu",varsta:30},
  function(xml){
    var partea1 = $("title",xml).text();
    var partea2 = $("description",xml).text();
    $("div#dxml").html("<h2>"+partea1+"</h2>"+partea2);
});

Codul paginii PHP:
<?php
  header('Content-type: text/xml');
  echo "<fisierulxml>\n";
  echo "<title>Testul Ajax nr. 4</title>\n";
  // aici am putea introduce codul in care
  // adaugam numele intr-o baza de date
  echo "<description>Numele lui este: ".$_REQUEST["nume"].". El are varsta de ".$_REQUEST["varsta"]." ani.</description>\n";
  echo "</fisierulxml>\n";
?>

 

Continut luat dintr-un fisier TXT

Codul folosit mai sus:
$.get("fisier.txt",function(txt){
  $("div#txt").html("<h2>"+txt+"</h2>");
});