Për të organizuar komunikimin ndërveprues midis një vizitori dhe një faqe në internet (ose më mirë, një shfletues me një server në internet), programuesi duhet të sigurojë skenarë për shkëmbimin e të dhënave midis tyre. Le të shqyrtojmë disa mundësi të thjeshta për organizimin e transferimit të variablave nga skenari JavaScript i klientit në skriptin PHP të serverit dhe anasjelltas.
Është e nevojshme
Njohuri themelore të gjuhëve PHP, JavaScript dhe HTML
Udhëzimet
Hapi 1
Në fazën e formimit të faqes, nuk është e vështirë të transferosh një ndryshore së bashku me vlerën e saj nga një skript php në një skenar JavaScript. Vetë skripti PHP gjeneron kodin HTML të faqes së kërkuar, përfshirë skriptet që përmban. Kjo do të thotë që ai mund të shkruajë çdo variabël në kodin JavaScript që duhet të kalojë së bashku me vlerat e tyre. Për shembull, ky skript i php do t'i kalojë skriptit të klientit një ndryshore të quajtur "serverTime" që përmban kohën aktuale të serverit në formatin HOUR: MINUTE:
<? php
$ JSvarName = 'serverTime';
$ JSvarValue = data ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
shtyp ''. $ JScode.'alert ("Dhe në server tani" + '. $ JSvarName.'); '
?>
Hapi 2
Mënyra më e thjeshtë e kalimit të emrave dhe vlerave të variablave në drejtim të kundërt (nga skenari JS në shfletuesin e klientit në skriptin PHP në serverin web) mund të duket kështu në kodin HTML të faqes:
var tani = data e re ();
var varName = 'klientTime';
var varValue = tani.getHours () + ":" + tani.getMinutes ();
dritare.location.href = 'https://sa/test2.php?' + varName + '=' varValue;
Ky skript do t'i dërgojë skriptit test2.php emrin e ndryshores "klientTime" dhe vlerën e tij që përmban kohën aktuale të kompjuterit në të njëjtin format HOUR: MINUTE. Kjo metodë e transferimit të të dhënave quhet "sinkron" - kjo do të rezultojë në një ringarkim të menjëhershëm të faqes. Më saktësisht, në vend të faqes aktuale, rezultati i skenarit test2.php do të ngarkohet në shfletues. Kodi për këtë skenar php mund të duket kështu:
<? php
nëse ($ _ GET) jehon 'Ndryshorja e marrë'.key ($ _ GET). '='. $ _ GET [çelësi ($ _ GET)];
?>
Ju mund të kombinoni të tre pjesët e konsideruara të kodit për kalimin e variablave nga serveri në shfletues dhe përsëri në një skedar php si kjo:
<? php
nëse ($ _ GET) jehon 'Ndryshorja e marrë'.key ($ _ GET). '='. $ _ GET [çelësi ($ _ GET)];
$ JSvarName = 'serverTime';
$ JSvarValue = data ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
shtyp ''. $ JScode.'alert ("Dhe në server tani" + '. $ JSvarName.'); '
?>
funksioni sendData () {
var tani = data e re ();
var varName = 'klientTime';
var varValue = tani.getHours () + ":" + tani.getMinutes ();
window.location.href = "https://sa/test2.php?" + varName + "=" + varValue;
kthehen false;
}
Dërgoni të dhëna serverit Në këtë skenar të kombinuar (PHP + JavaScript), kodi php do të gjenerojë kodin JavaScript duke "kaluar" një ndryshore të quajtur "serverTime" me një vlerë që përmban kohën aktuale të serverit. Kur faqja ngarkohet në shfletues, skenari JavaScript do të shfaqë një mesazh me këtë kohë. Pastaj përdoruesi klikon në lidhjen "Dërgo të dhëna në server" do të nisë funksionin sendData (), i cili do të dërgojë një kërkesë GET në server, duke kaluar emrin e ndryshores ("klientTime") dhe vlerën e tij (koha e klientit) te php skenari. Një skript php, pasi të ketë lexuar emrin dhe vlerën e një ndryshoreje nga grupi $ _GET superglobal, do ta shtypë atë dhe do të fillojë përsëri të gjithë skenarin e përshkruar.
Hapi 3
Gjithçka e përshkruar më sipër zbaton skenarin e transferimit të të dhënave "sinkron". Zbatimi i metodës "asinkron" të shkëmbimit të të dhënave midis skenareve të klientit dhe serverit ka emrin e vet AJAX (Asynchronous Javascript dhe XML). Kjo temë meriton një artikull të veçantë.
