Järjestääkseen vuorovaikutteisen viestinnän kävijän ja verkkosivuston (tai pikemminkin selaimen, jolla on verkkopalvelin) välillä, ohjelmoijan on tarjottava skenaarioita tietojen vaihdolle heidän välillä. Harkitaan useita yksinkertaisia vaihtoehtoja muuttujien siirron järjestämiseksi asiakkaan JavaScrip-komentotiedostosta palvelimen PHP-komentosarjaan ja päinvastoin.
Se on välttämätöntä
Perustiedot PHP-, JavaScript- ja HTML-kielistä
Ohjeet
Vaihe 1
Sivunmuodostusvaiheessa ei ole vaikeaa siirtää muuttujaa ja sen arvoa php-skriptistä JavaScript-skriptiin. PHP-komentosarja itse luo pyydetyn sivun HTML-koodin, mukaan lukien sen sisältämät skriptit. Tämä tarkoittaa, että hän voi kirjoittaa kaikki muuttujat JavaScript-koodiin, jotka tulisi välittää niiden arvojen kanssa. Esimerkiksi tämä php-komentosarja välittää asiakasohjelmalle muuttujan nimeltä "serverTime", joka sisältää nykyisen palvelimen ajan muodossa HOUR: MINUTE:
<? php
$ JSvarName = 'palvelimen aika';
$ JSvarValue = päivämäärä ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
tulosta ''. $ JScode.'alert ("Ja palvelimella nyt" + '. $ JSvarName.'); '
?>
Vaihe 2
Yksinkertaisin tapa siirtää muuttujien nimet ja arvot vastakkaiseen suuntaan (asiakkaan selaimen JS-skriptistä web-palvelimen PHP-skriptiin) voi näyttää tältä sivun HTML-koodissa:
var now = uusi päivämäärä ();
var varName = 'clientTime';
var varValue = now.getHours () + ":" + now.getMinutes ();
window.location.href = 'https://sa/test2.php?' + varName + '=' varValue;
Tämä komentosarja lähettää komentotiedostolle test2.php muuttujan "clientTime" nimen ja sen arvon, joka sisältää nykyisen tietokoneen ajan samassa muodossa HOUR: MINUTE. Tätä tiedonsiirtomenetelmää kutsutaan "synkroniseksi" - se johtaa sivun välittömään lataamiseen. Tarkemmin sanottuna nykyisen sivun sijaan test2.php-komentosarjan tulos ladataan selaimeen. Tämän php-komentosarjan koodi saattaa näyttää tältä:
<? php
if ($ _ GET) echo 'Vastaanotettu muuttuja'.avain ($ _ GET). '='. $ _ GET [avain ($ _ GET)];
?>
Voit yhdistää koodin kaikki kolme osaa muuttujien siirtämiseksi palvelimelta selaimeen ja takaisin yhdeksi php-tiedostoksi tällä tavalla:
<? php
if ($ _ GET) echo 'Vastaanotettu muuttuja'.avain ($ _ GET). '='. $ _ GET [avain ($ _ GET)];
$ JSvarName = 'palvelimen aika';
$ JSvarValue = päivämäärä ('H: i');
$ JScode = $ JSvarName. '= "'. $ JSvarValue. '";';
tulosta ''. $ JScode.'alert ("Ja palvelimella nyt" + '. $ JSvarName.'); '
?>
function sendData () {
var now = uusi päivämäärä ();
var varName = 'clientTime';
var varValue = now.getHours () + ":" + now.getMinutes ();
window.location.href = "https://sa/test2.php?" + varName + "=" + varValue;
return false;
}
Lähetä tietoja palvelimelle Tässä yhdistetyssä (PHP + JavaScript) komentosarjassa php-koodi luo JavaScript-koodin "välittämällä" muuttujan nimeltä "serverTime" arvolla, joka sisältää nykyisen palvelimen ajan. Kun sivu ladataan selaimeen, JavaScript-komentosarja näyttää viestin tällä kertaa. Sitten käyttäjä napsauttaa Lähetä tiedot palvelimelle -linkkiä käynnistää sendData () -toiminnon, joka lähettää GET-pyynnön palvelimelle ja välittää muuttujan nimen ("clientTime") ja sen arvon (client time) php: lle käsikirjoitus. PHP-komentosarja, joka on lukenut muuttujan nimen ja arvon $ _GET superglobal-taulukosta, tulostaa sen ja aloittaa koko kuvatun komentosarjan uudelleen.
Vaihe 3
Kaikki edellä kuvattu toteuttaa "synkronisen" tiedonsiirron skenaarion. "Asynkronisen" menetelmän toteuttamisella tiedonvaihtoon asiakas- ja palvelinkomentosarjojen välillä on oma nimi AJAX (Asynkroninen Javascript ja XML). Tämä aihe ansaitsee erillisen artikkelin.
