Ajax cu Jquery tutorial 1

| Acasa | jQuery
Post Title

      Voi incepe de la premisa ca nu ati auzit de jquery asa ca o sa las un link de unde puteti sa cititt cateva detalii despre jquery si evolutia sa in domeniul web : http://ro.wikipedia.org/wiki/JQuery

 

Asa acum sa trecem la traba :

In primul rand avem nevoie de libraria jquery care poate fi descarcata de pe site-ul oficial sau de aci : https://developers.google.com/speed/libraries/devguide#jquery

  1.  
  2. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

Requestul ajax se face in felul urmator

  1.  
  2. $.ajax({
  3.    type : "POST", //Poate fi si get
  4.    url : "aici vine url-ul/pagina la care se face request",
  5.    data : "parametru=1", // data se seteaza doar in cazul in care in pagina din url se cere un parametru gen nume , id prenume etc
  6.    success : function(rezultat){
  7.       //obiectul rezultat contine pagina returnata de requestul nostru de exemplu un mesaj 
  8.    },
  9. })

 

 Acum sa trecem la un exemplu real:

 

Sa zicem ca avem o actiune in cadrul site-ului nostru care scrie intr-un fisier un string primit intr-un post iar scriptul arata asa :

  1.  
  2. <?php
  3. if(isset($_POST['test'])){
  4.   if(file_put_contents('test.txt',$_POST['test'])){
  5.     echo 'Textul a fost adaugat';
  6.   }else{
  7.     echo 'Probleme la fisier';
  8.   }
  9. }else{
  10.   echo 'Nu sa trimis nimic prin post';
  11. }
  12. ?>
  13.  

Iar noi dintr-o alta pagina putem sa accesam fucntia fara a modifica pagina curenta, exemplu:

  1.  
  2. <html>
  3. <head>
  4.   <title>Exemplu micul programator</title>
  5.   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
  6. </head>
  7. <body>
  8. <input type="text" placeholder="introdu un text" onfocusout="ajax_text();" id="txt">
  9. </body>
  10. </html>
  11. <script type="text/javascript">
  12. var ajax_text;
  13. ajax_text = function (){
  14.   $.ajax({
  15.     type : "POST",
  16.     url : "tut.php",
  17.     data : "test="+$("#txt").val(),
  18.     success : function(rezultat){
  19.        alert(rezultat);
  20.     }
  21. });
  22. }
  23. </script>
  24.  

Dupa ce o sa scrieti textul in input si o sa dati click in exterior textul va fi scris in fisierul test.txt

 

 

Mult mai multe gasiti aici : http://api.jquery.com/jQuery.ajax/ pentru orice intrebare lasati comentariu

 

Fisiere : Descarca

 

Autor articol
Site : micul-programator.ro
Ştiinţa fără religie este şchioapă, religia fără ştiinţă este oarbă (Albert Einstein)

Articolul anterior

Articolul urmator


De unde sa incepi in programare
De unde sa incepi in programare
Lucrul cu variabilele,constantele si operatorii de baza
Lucrul cu variabilele,constantele si operatorii de baza
Topul limbajelor de programare
Topul limbajelor de programare
Protectia xss
Protectia xss

Acest articol nu este comentat, fii primul care o face

Trebuie sa fii logat sa poti lasa un comentariu Autentificare Inregistrare Logare cu Facebook
Navigare

Online

Utilizatori
Vizitatori 0
top