Curs Javascript

In aceasta pagina e prezentata o functie ce poate fi utilizata pentru a prelua datele dintr-o adresa URL, cele adaugate dupa "?".
Functia prezentata mai jos primeste ca argument adresa URL, apoi returneaza un obiect cu elemente "nume: valoare" formate din perechile "nume=valoare" din acea adresa URL.

Cod functie:
// functie ce returneaza un obiect cu elemente "nume: valoare" din datele dintr-o adresa URL (a perechilor "nume=valoare")
function getDataUrl(url) {
 // https://coursesweb.net/javascript/
  var url_data = url.match(/\?([^#]*)/i)[1];          // retine datele dintre caracterul '?' si '#'

  // separe date intr-un array, in caz ca sunt mai multe perechi nume=valoare
  var ar_url_data = url_data.split('&');

  // parcurge array-ul si adauga intr-un obiect elemente cu datele din url nume:valoare
  var data_url = {};
  for(var i=0; i<ar_url_data.length; i++) {
    var ar_val = ar_url_data[i].split('=');           // separa nume si valoare din fiecare pereche
    data_url[ar_val[0]] = ar_val[1];
  }

  return data_url;
}

- Exemplu utilizare functie getDataUrl().
<script type="text/javascript"><!--
// functie ce returneaza un obiect cu elemente "nume: valoare" din datele dintr-o adresa URL (a perechilor "nume=valoare")
function getDataUrl(url) {
 // https://coursesweb.net/javascript/
  var url_data = url.match(/\?([^#]*)/i)[1];          // retine datele dintre caracterul '?' si '#'

  // separe date intr-un array, in caz ca sunt mai multe perechi nume=valoare
  var ar_url_data = url_data.split('&');

  // parcurge array-ul si adauga intr-un obiect elemente cu datele din url nume:valoare
  var data_url = {};
  for(var i=0; i<ar_url_data.length; i++) {
    var ar_val = ar_url_data[i].split('=');           // separa nume si valoare din fiecare pereche
    data_url[ar_val[0]] = ar_val[1];
  }

  return data_url;
}

// Utilizare getDataUrl()

var url = 'https://marplo.net/?nume=Mar&id=10';
var data_url = getDataUrl(url);            // Preia obiectul cu datele 'nume: valoare'
var nume = data_url.nume;
var id = data_url.id;

// test
alert('nume: '+ nume + '\n id: '+ id);
//-->
</script>
Rezulta (clic pe buton):

• Adresa paginii curente poate fi preluata cu: window.location . Astfel, ca sa fie folosita adresa URL a paginii accesate, in codul de mai sus se poate inlocui cu acest cod:
 var url = window.location;

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag adauga rand nou in paragraf?
<b> <br> <p>
Prima linie ...<br>
Alta linie...
Ce proprietate CSS seteaza spatiu dintre litere?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
Ce functie obtine accesul la un element HTML cu un anumit ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Clic pe instructiunea "echo" utilizata corect.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Adresa URL: http://CoursesWeb.net";
Care din urmatoarele expresii cu "paint" (a picta) se foloseste pentru forma Negativa?
will paint not paint have painted
She does not paint that landscape.
- Ea nu picteaza acel peisaj.
Care din urmatoarele expresii cu "cantar" (a canta) se foloseste pentru propozitie Negativa?
ir a cantar cantaba no cantar
Ella no canta esa canciĆ³n.
- Ea nu canta acel cantec.
Preluare date, valori din adresa URL

Last accessed pages

  1. Sufixele -ful, -less si -ness - ful, less and ness suffixes (17760)
  2. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (66769)
  3. Jokes - Glume, Bancuri, Humor (2) (16682)
  4. Forta gandirii pozitive (2406)
  5. Scrieri pentru Fratele Meu (603)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1038)
  2. Gramatica limbii engleze - Prezentare Generala (654)
  3. Exercitii engleza - English Tests and exercises - Grammar (594)
  4. Prezentul simplu si continuu - Present Tense Simple and Continuous (475)
  5. Coduri pt culori (396)