Curs Javascript

jQuery get() si post() sunt aplicatii ale metodei ajax().

Functiile get() si post()

$.get() si $.post() sunt functii mai simple pentru jQuery Ajax, ale metodei principale $.ajax() ; si sunt in general folosite pentru operatii simple de trimitere si primire date de la server.
Aceste doua functii sunt aproape identice, singura diferenta fiint tipul cererii HTTP: $.get va trimite datele prin GET, $.post trimite datele prin POST.
Sintaxa:
$.get(url, data, success, dataType);

$.post(url, data, success, dataType);
- url - adresa URL la care este trimisa cererea.
- data - (optional) contine datele care vor fi trimise la server.
- success - (optional) o functie care va fi executata cand cererea este efectuata cu succes, are forma: function(raspuns, status, xhr):
        • raspuns - contine raspunsul de la server.
        • status - contine status-ul (starea) cererii.
        • xhr - obiectul XMLHttpRequest.
- dataType - (optional) specifica tipul de date ce trebuie sa fie in raspunsul din functia de la "success"; acesta poate fi: xml, html, script, json, jsonp, sau text.

Exemplu cu get()

Cand se apasa click pe un anumit buton, trimite niste date prin GET la un script PHP, apoi afiseaza raspunsul intr-un DIV:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery Ajax - GET</title>
<script type="text/javascript" src="jquery_1.6.1.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
  $('#buton').click(function() {
    var data = 'id=un_id';
    $.get('script.php', data, function(raspuns){
      $('#dv').html(raspuns);
    });
  });
});
--></script>
</head>
<body>
<div id="dv">Aici va fi afisat raspunsul de la server.</div><br />
<button id="buton">Click</button>
</body>
</html>
Demo:
Aici va fi afisat raspunsul de la server.


Exemplu cu post()

Cand se efectueaza trimiterea unui formular, preia valoarea din caseta input text si o trimite prin POST la un script PHP. Raspunsul de la scriptul PHP va fi afisat intr-un DIV:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery Ajax - POST</title>
<script type="text/javascript" src="jquery_1.6.1.js"></script>
<script type="text/javascript"><!--
$(document).ready(function() {
  $('form').submit(function() {
    var data = 'nume='+$('#nm').val();
    $.post('script.php', data, function(raspuns){
      $('#dv').html(raspuns);
    });

    return false;      // necesar ca sa nu deschida pagina cu adresa din formular cand e trimis
  });
});
--></script>
</head>
<body>
<div id="dv">Aici va fi afisat raspunsul de la server.</div><br />
<form action="script.php" method="post">
 Nume: <input type="text" name="nm" id="nm" /><br />
 <input type="submit" value="Trimite" />
</form>
</body>
</html>
Demo:
Aici va fi afisat raspunsul de la server.

Nume:

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag creaza un text ingrosat?
<q> <strong> <em>
<p>Adresa: <strong>http://CoursesWeb.net/</strong> - Tutoriale.</p>
Care din aceste coduri CSS afiseaza textul ingrosat?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
Ce functie JavaScript apeleaza o alta functie, in mod repetat, la un anumit interval de timp?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Clic pe variabila definita corect in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Care din urmatoarele forme ale verbului "travel" (a calatori) e la timpul Prezent Perfect?
have traveled shall travel had traveled
We have traveled in space.
- Noi am calatorit (deja) in spatiu.
Care din urmatoarele forme ale verbului "pintar" (a picta) se foloseste la Trecutul Imperfect?
ir a pintar pintaba pintó
La niña pintaba un arco iris.
- Fetita picta un curcubeu.
jQuery get() si post()

Last accessed pages

  1. Adaugare imagini in pagina (18977)
  2. Liste HTML - UL, OL (11459)
  3. Coduri pt culori (74424)
  4. Accentul si Pronuntia (28968)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (70774)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (469)
  2. Gramatica limbii engleze - Prezentare Generala (243)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (207)
  4. Coduri pt culori (192)
  5. Cursuri limba engleza gratuite si lectii online (169)