jQuery get() si post()

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.

<<-jQuery metoda ajax() -- jQuery - prelucrare date ..->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Clic pe tag-ul care creaza celula in tabel.

<table></tr>
  <td>Cell-1</td><td>Cell-2</td>
</tr></table>

Indicati proprietatea CSS care adauga o imagine pentru fundal

background-color background-image color

h3 {
  background-image: url("image.jpg");
}

Ce instructiune se foloseste la parcugerea elementelor unui Array?

for() [) object()

var arr = [1, "ab", "CoursesWeb.net"];
for(var i=0; i< arr.length; i++) { alert(arr[i]); };

Indicati functia PHP utilizata la parcurgerea elementelor unui Array asociativ.

for() foreach() if()

$arr =["k1"=>"v1", "k2"=>"v2", "k3"=>"v3");
foreach($arr AS $k => $v) { echo "<br/>". $k ." - ". $v; }

Care din urmatoarele cuvinte este sinonim cu "gentle" (bland)?

meek good beautiful

He is so kind and meek.
- El este atat de amabil si bland.

Care din urmatoarele cuvinte este sinonim cu "amable" (bland, prietenos)?

hermoso fuerte manso

Tu padre tiene un carácter muy manso.
- Tatal tau are un caracter foarte bland.