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 se foloseste in <table> pentru a crea celula de tip "header"?
<thead> <th> <td>
<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>
Ce proprietate CSS seteaza distanta dintre randuri?
line-height word-spacing margin
.some_class {
  line-height: 150%;
}
Care functie deschide o noua fereastra.
alert() confirm() open()
document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}
Indicati functia PHP care returneaza un array cu numele fisierelor si directoarelor dintr-un director.
mkdir() scandir() readdir()
$ar_dir = scandir("dir_name");
var_export($ar_dir);
Care din urmatoarele forme a verbului "sleep" (a dormi) se foloseste pentru viitor?
sleeping slept will sleep
He will sleep there.
- El va dormi acolo.
Care din urmatoarele forme a verbului "dormir" (a dormi) se foloseste pentru viitor?
dormido dormirá durmiendo
Él dormirá allí.
- El va dormi acolo.
jQuery get() si post()

Last accessed pages

  1. Data si Timp - Obiect Date (2)
  2. Incarcare imagini pe server si afisare cu Ajax (6)
  3. Curs si Tutoriale Ajax (66)
  4. Bubbles3 (3489)
  5. Prezentul simplu - Exercitii si teste incepatori (758)

Popular pages this month

  1. Bubbles3 (3489)
  2. Gramatica limbii engleze - Prezentare Generala (2797)
  3. Prezentul simplu si continuu - Present Tense Simple and Continuous (2526)
  4. Butterfly Kyodai (2204)
  5. Zuma Deluxe (2083)