Hvordan endre flere tekstboks verdier med PHP og Ajax

Hvordan endre flere tekstboks verdier med PHP og Ajax


Ved å kombinere to avanserte web-teknologi sammen, for eksempel PHP og AJAX, kan du lage mange effektive og intuitive programmer for nettstedet ditt, inkludert web designelementer. Fra animerte tekstbokser og dynamiske rullegardinmenyene til Web fotogallerier, PHP og AJAX kan slå enkle nettstedet til et komplett web attraksjon. Siden PHP og AJAX-teknologi er både åpen kildekode-programmer og er fullt kompatible med hverandre, kan du bruke dem uansett hvilken vei du ønsker å forbedre nettstedets funksjonalitet og design.

Bruksanvisning

1 Tast inn koden under for å endre valutakode verdi i tekstboksen skjema når du velger et annet land fra rullegardinlisten ved hjelp av "getCurrencyCode" PHP-kommandoen:

<Velg name = "land" onChange = "getCurrencyCode ( 'find_ccode.php? Country =' + this.value)">

<Option value = ""> Velg land </ option>

&lt;option value="1">USA&lt;/option>

& Lt; alternativet value = "2"> UK & lt; / option>

& Lt; alternativet value = "3"> Filippinene & lt; / option>

& Lt; alternativet value = "4"> Bahrain & lt; / option>

</ Velge>

<Input type = "text" name = "cur_code" id = "cur_code">

2 Skriv inn følgende kode for å aktivere AJAX "getCurrencyCode ()" -funksjon. Aktiver eller kalle denne funksjonen når du velger et annet land fra nedtrekkslisten. Denne Javascript-kode vil endre verdien på tekstboksen uten å oppdatere hele siden.

funksjon getCurrencyCode (strURL)

{

Var req = getXMLHTTP ();

if (req)

{

//function to be called when state is changed

req.onreadystatechange = function ()

{

// Når staten er ferdig dvs. 4

if (req.readyState == 4)

{

// Bare hvis http status er "OK"

if (req.status == 200)

{

. Document.getElementById ( 'cur_code') verdi = req.responseText;

}

ellers

{

alert ( "Det var et problem mens du bruker XMLHTTP: \ n" + req.statusText);

}

}

}

req.open ( "GET", strURL, true);

req.send (null);

}

}

3 Kjør følgende kode for å skape "getXMLHTTP ()" funksjon som vil behandle "XMLHttpRequest" objekt. Responsen, som er den tilsvarende valuta, vises i tekstboksen for alle land du velge fra rullegardinlisten.

<? Php

$ Country = $ _ REQUEST [ 'land'];

switch ($ land)

{

case "1" :

echo "USD";

gå i stykker;

case "2":

echo "GBP";

gå i stykker;

case "3":

echo "PHP";

gå i stykker;

case "4":

echo "BHD";

gå i stykker;

}

?>

Hint

  • Se prosjektet demoen før du starter med denne opplæringen for å se hva du kan forvente fra dette prosjektet. Søk råd fra erfarne PHP og AJAX-utviklere ved å bli med noen diskusjonsfora på nettet.