Home / Tutoriale

Tips & Tricks Ajax


 1) Debug
 
 Avand in vedere ca se lucreaza cu Javascript , cea mai folosita functie este alert. Dar pentru a vedea ce
 trimite obiectul XMLHttpRequest catre server si ce raspuns va primi este nevoie de ceva mai bun.
 Cea mai buna unealta de debug pentru un web developper este FireBug-ul. Acesta este o extensie a Firefox-
 ului care va permite sa :
    - inspectati si sa editati HTML in timp real
    - sa modificati CSS si sa vedeti imediat rezultatele
    - vizualizati metric CSS (margin, padding si  border)
    - monitorizati traficul paginii ( puteti vedea cat dureaza fiecare script sa ruleze, cat dureaza sa se faca download
    la o imagine)   
    - gasiti usor erorile si avertismente
    - explorati dom-ul
    si multe altele

   


A doua unelta o reprezinta Web Developmenbt Tool Bar
Cu acesta puteti sa dezactivati css, javascript-ul, cache-ul, sa scoateti in evidenta anumite
tag-uri si multe altele.


 2) Librarii Javascript.
 
  Atunci cand creezi o aplicatie de amploare si vrei sa lucrezi cat mai rapid este recomandat sa folosesti
  o librarie sau un framework javascript.
  Oferta este variata :
   Jquery
     Este framework-ul care mie imi place cel mai mult.
     Acesta iti permit lucru Ajax intr-un mod foarte facil (marea majoritatea a tutorialelor pe care le
     vom face vor fi bazate pe acest framework), efecte, manipulare/traversare/selectare a anumitor
     obiecte din pagina foarte usor (deja celebrul document.getElementById('idCautat'); este inlocuit de \
     catre $('#idCautat'); ), lucrul cu CSS, plug-in-uri si multe alte facilitati.
   Prototype
     Se aseamana foarte mult cu Jquery si are foarte multe caracteristici comune, este foarte mic ca
    dimensiune si usor de invatat.
   Dojo
      Principala caracteristica a acestui framework o reprezinta : Widgets care sunt niste packete javascript
     care lucreaza in toate browserele.
      Totodata Dojo are si facilitati Ajax dar si un sistem de impachetare a codului javascipt foarte facil.
   Script Aculo
      Este un add on la Prototype si pune accent mai mult pe partea de interfata prin efectele pe care le
      aduce, drag and drop si multe altele.
  
   Mai amintim aici si alte framework-uri Moo.Fx , Rico si Yahoo IU.
  
Json

La raspunsul unei interogari Ajax, serverul poate trimite plain text , xml sau JSON
  
   Deoareace XML este destul de greu de parsat in Javascript, este de preferat ca raspunsul sa fie
   in format JSON care este recunoscut nativ de catre Javascript.
    
      Sintaxa JSON :
     Obiect : 
     
     { "nume": "Redesign", "locatie" :"Iasi"  }
     
     Array :
      { "frameworks" : [ "JQuery" , "Prototype" , "Dojo" ] }
4) Obfuscate code
Prin acest proces puteti sa micsorati dimensiunea fisierelor js si totodata sa faceti codul initial greu de inteles.
Aceasta metoda este cea mai eficienta pentru a va proteja codul.
     
 

Nume:vectorialpx
Comentariu:nice...
Nume:peter
Comentariu:marfa AJAX`ul, ma pun si eu pe invatat ;)
Nume:alex
Comentariu:fortza
Nume:dadsa
Comentariu:dasd
Nume:fe
Comentariu:sdasl;
Nume:emil
Comentariu:dchub://spacempire.zapto.orgdchub://c-zone.hopto.orgdchub://Xperts.dyndns.dkintrati si voi si dati /fav sunt cele mai sucare huburi... add hub in favorite
Nume:fsda
Comentariu:fsdfdssd
Nume:fcgvd
Comentariu:gfdg
Nume:ion
Comentariu:nu e cine stie ce tutorialul asta dar restul imi plac :D
Nume:dani
Comentariu:123
Adauga comentariu
*nu va fi afisat pe site
 
  • Hosting in timp real pe servere Linux si Windows
  • US 400

    Trafic / luna : 10 GB
    Conturi E-mail : 1000
    Subdomenii : 40
    Baze de date MySQL : 1
    Domenii parcate : 2
    Spatiu stocare : 400MB
    Pret : 6 euro/luna
    Cumpara
  • US 600

    Trafic / luna : 15 GB
    Conturi E-mail : 1000
    Subdomenii : 50
    Baze de date MySQL : 4
    Domenii parcate : 4
    Spatiu stocare : 600MB
    Pret : 8 euro/luna
    Cumpara
  • US 800

    Trafic / luna : 20 GB
    Conturi E-mail : 1000
    Subdomenii : 60
    Baze de date MySQL : 20
    Domenii parcate : 6
    Spatiu stocare : 800MB
    Pret : 10 euro/luna
    Cumpara
  • US 1000

    Trafic / luna : 25 GB
    Conturi E-mail : 1000
    Subdomenii : 80
    Baze de date MySQL : 20
    Domenii parcate : 10
    Spatiu stocare : 1000MB
    Pret : 14 euro/luna
    Cumpara
  • US 1200

    Trafic / luna : 35 GB
    Conturi E-mail : 1000
    Subdomenii : 100
    Baze de date MySQL : 20
    Domenii parcate : 15
    Spatiu stocare : 1200MB
    Pret : 20 euro/luna
    Cumpara