Kā aizpildīt teksta laukus no URL mainīgajiem

Daudzas uzņēmumu tīmekļa vietnes izmanto veidlapas, lai iegūtu lietotāja datus. Šīs veidlapas izmanto HTML marķējumu un pēc izvēles JavaScript funkcijas. Jūsu tīmekļa vietne var izmantot URL mainīgos, kas ļauj jums nodot datu objektus kā daļu no konkrētas lapas URL. Ja lapas adrese satur URL mainīgos, varat izmantot JavaScript, lai iegūtu šo mainīgo lielumus. Kad esat tos ievietojis savā skriptā, šos mainīgos lielumus var iestatīt kā teksta lauku vērtības, veidojot savu veidlapu ar nodotajiem datu vienumiem.

1.

Izveidojiet ievades teksta laukus. Lai iestatītu teksta lauku vērtību, jums ir jābūt iespējai tos identificēt JavaScript kodā. Izmantojiet šādu izklāstu lapas veidlapas apgabalā:

Šis kods ietver ID atribūtu vērtību, kas ļaus jums identificēt skripta elementu.

2.

Zvaniet uz JavaScript funkciju. Jūs izveidosiet funkciju, lai aizpildītu teksta lauku ar URL mainīgajiem. Lai norādītu pārlūkprogrammai izpildīt šo funkciju, kad lapa ielādējas, paplašiniet lapas atvēršanas HTML tagu šādi:

Kad lapa ielādējas, pārlūks izpildīs funkciju, ko sauc par "aizpildīt", ko jūs izveidosiet tālāk.

3.

Izveidojiet funkciju. Savas lapas galvenajā daļā pievienojiet skripta zonu ar norādīto funkciju izklāstu šādā veidā:

Kods, lai iegūtu URL mainīgos un aizpildītu tos teksta laukos, parādīsies starp atvēršanas un aizvēršanas funkciju kronšteiniem.

4.

Ielādējiet URL mainīgos. JavaScript funkcijas iekšpusē pievienojiet šādu sākotnējo koda rindiņu, lai ielādētu URL daļu ar tajā iekļautajiem mainīgajiem:

var varSection = window.location.search.substr (1);

Tas izgūst URL daļu pēc "?" rakstzīme, kas sāk vaicājuma sadaļu. Vietrādī URL var būt vairāki mainīgie, kas atdalīti ar rakstzīmi "&", tāpēc vaicājuma virkni sadaliet galvenās vērtības mainīgajos pāros šādi:

var varArray = varSection.split ("&");

5.

Iegūstiet mainīgos lielumus kā galveno vērtību pārus. Jūsu kodam ir URL mainīgo masīvs, un tagad jums ir jāidentificē vēlamais. Izmantot "for" cilpu šādi:

par (var v = 0; v

}

Šis kods cilpa caur mainīgajiem lielumiem masīvā. Katrs mainīgais URL tiek parādīts kā pāris, ar taustiņu, kam seko vērtība, ar vienādojuma zīmi starp tām, kā šajā piemērā:

info = hello

6.

Ielādējiet vajadzīgo mainīgo. Joprojām savā cilnē "for" pievienojiet nosacījumu testu šādi:

ja (keyValueArray [0] == "info") {varValue = keyValueArray [1]; document.getElementById ("txt1"). value = varValue; pārtraukums; }

Šis kods pārbauda mainīgo ar "info" kā tās atslēgu. Kad cilpa atrod konkrēto mainīgo, tā nosaka teksta lauka vērtību ar šo vērtību, pēc tam izceļas no cilpas. Tas darbosies ar URL ar šādu paraugu struktūru:

//yoursite.com/yourpage.html?info=hello&data=goodbye

Saglabājiet lapu un pārbaudiet to pārlūkprogrammā.

Padoms

  • Ja jūsu URL mainīgajam ir cits nosaukums, mainiet savas funkcijas koda sadaļu "info", lai tas atbilstu.

Brīdinājums

  • URL mainīgie ir piemēroti tikai nelielām datu vērtībām.