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. Verificare, Validare butoane radio si checkbox cu JavaScript (1224)
  2. Numeralul - Exercitii incepatori (8114)
  3. Adjective posesive (4278)
  4. Expresii regulate Regex (2832)
  5. Curs cu Tutoriale Node.js (4728)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1168)
  2. Coduri pt culori (864)
  3. Curs HTML gratuit Tutoriale HTML5 (725)
  4. Cursuri limba engleza gratuite si lectii online (370)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (336)