php ajax chat-ul pentru un site

Și așa a continuat să scrie chat-ul php ajax. Creați un fișier chat.js. precum și crea imediat add.php și get_json.php fișiere. dar despre ele mai târziu. Creați fișiere chat.php. Conectați-vă la ea și chat.js. jquery Creați un fișier numit chat.php câmp de chat de partid și un câmp cu un mesaj în chat-ul, precum și un buton cu id-ul btnSend pentru a trimite mesajul. Butonul cu id-ul chat.js fișier btnSend spânzurat handler clic eveniment. Div cu id-ul chat-ul va fi afișat mesajele noastre de chat. Următoarea bucată de cod arată o listă de fișier chat.php. Ignorați clasele css ciudate, sunt clase de bootstrap.

În prelucrarea chat.js datele din câmpurile de intrare și prin poștă în format JSON pentru a trimite date la add.php. O bucată de cod de la chat.js de mai jos.

În add.php fișier, vom obține datele. Desigur, ei ar trebui să verifice, după ce a primit-o, dar până când vom picătură. Adăugarea la aceste date și să le înregistreze în fișierul messages.txt într-o singură linie cu un separator unic „_“. Doar astfel încât fișierul nu poate fi crescut la dimensiuni mari, a făcut protectie la supraplin. La atingerea siruri de mesaje messages.txt fișier mai mult de 100, toate rândurile sunt șterse, cu excepția ultimei cinci. Ei zpisyvayutsya din nou. Mai jos este un add.php listare.

Toate noastre toate mesajele sunt scrise în fișierul. Acum trebuie să ne asigurăm că aceste mesaje vor fi afișate pe ecran. Pentru a face acest lucru, scrie în fișierul chat.js funcția chatRequest (). Această caracteristică se referă la get_json.php fișier și trece-l parametrii __maxId. Parametrul _maxId indică câte mesaje avem în acest moment. În mod implicit, la început este în valoare de 0. Ca urmare a începe __maxId definită ca o variabilă globală.

De asemenea, în chatRequest () este definită că executarea cu succes a datelor de răspuns de interogare returnate în format JSON, iar funcția este numit de fișier chat.js. chatResult Dar să ne examinăm Să fișier get_json.php.

fișier get_json.php primește datele, calculează o linie care nu a fost afișat pe ecran, face un pachete de matrice în format JSON și trimite funcția chatResult (Mes).

date ChatResult atasaza matrice șir care rezultă în _messages. Am anunțat la începutul fișierului și face o matrice. Și apoi re-funcție afișează toate mesajele scrise într-o serie de _messages solide în div cu id-ul #chat. A făcut astfel încât ieșirile numai cele cinci mesaje cele mai recente. Pentru o pare și impare mesajele afișate aspectul său. Pentru aspect am folosi bootstrap din nou. Listarea funcției ChatResult.

Pentru a avea un chat actualizat constant vom face cereri constante la funcția chatRequest (), cu o periodicitate de 2 secunde.

actualizați 5.10.16

gaura simplă conectat printr-un simplu atacuri XSS. Toate doar de rupere de chat zadolbali)). A fost prea leneș pentru a filtra datele de intrare, dar a trebuit să-l refaceți. Funcția de filtrare.

Acum add.php fișier arată