Keskustele mysql:llä ja php:llä. Kirjoitamme chatin numeroon nro. Mitä tiedostoja tarvitaan chatin luomiseen?

Aloin huomata monilla sivustoilla joko chat-ikkunan tai online-konsulttiikkunan. Ei ole mikään salaisuus, että Yandex pitää chatin tai konsultin läsnäoloa verkkosivustolla positiivisena kaupallisena tekijänä. Tämän yhteydessä yritin luoda Ajax-chatin sivustolle.

Ja niin kirjoitetaan chatti ajax php:llä. Luomme chat.js-tiedoston ja heti myös add.php- ja get_json.php-tiedostot, mutta niistä lisää myöhemmin. Luo tiedosto chat.php. Yhdistämme jqueryn ja chat.js:n siihen. Luo chat.php-tiedostoon kenttä, jossa on chat-osallistujan nimi ja kenttä, jossa on viesti chatissa, sekä painike id btnSend viestin lähettämistä varten. Chat.js-tiedoston painikkeeseen, jonka tunnus on btnSend, on liitetty napsautustapahtumakäsittelijä. Chat-viestimme näkyvät div-osiossa, jossa on id chat. Alla on luettelo chat.php-tiedoston koodinpätkästä. Älä kiinnitä huomiota epäselviin CSS-luokkiin, nämä ovat bootstrapin luokkia.

Nimesi chatissa Viestisi Lähetä viesti

Chat.js:ssä käsittelemme syöttökenttien tiedot ja lähetämme tiedot add.php:lle post-menetelmällä json-muodossa. Alla on koodinpätkä chat.js:stä.

$("#btnSend").click(function(elem)( //napsautettuna saamme viestejä kentistä, joissa on ID nimi ja teksti var name = $("#name").val(); var text = $ ("# text").val(); //ja käyttämällä POST-menetelmää json-muodossa lähetämme ne osoitteeseen add.php $.post("add.php", (nimi: nimi, teksti: teksti), function( ))( //tekstikentän poistaminen (eli tee "") $("#teksti").attr("arvo", "" ));

Vastaanotamme tiedot add.php-tiedostossa. Tietenkin ne pitäisi tarkistaa vastaanottamisen jälkeen, mutta jätämme sen pois toistaiseksi. Lisäämme tietoihin päivämäärän ja kirjoitamme sen messages.txt-tiedostoon yhdelle riville ainutlaatuisella erottimella “_”. Ylivuotosuoja on myös käytössä, jotta tiedosto ei kasva suuriksi. Kun messages.txt-tiedosto saavuttaa yli 100 viestiriviä, kaikki rivit poistetaan paitsi viimeiset viisi. Ne allekirjoitetaan uudelleen. Alla on add.php-listaus.

Siinä kaikki, kaikki viestimme kirjoitetaan tiedostoon. Nyt meidän on varmistettava, että nämä viestit näkyvät näytöllä. Voit tehdä tämän kirjoittamalla chatRequest()-funktion chat.js-tiedostoon. Tämä funktio käyttää get_json.php-tiedostoa ja välittää sille parametrin __maxId. Parametri _maxId osoittaa, kuinka monta viestiä meillä on tällä hetkellä. Oletuksena 0 on alussa. Aluksi __maxId määritellään globaaliksi muuttujaksi.

Funktio chatRequest())( // Pyynnön lähettäminen POST-menetelmällä. $.post("get_json.php", (maxId: _maxId), chatResult, "json"); )

ChatRequest()-funktiossa on myös määritelty, että jos pyyntö on suoritettu onnistuneesti, vastaustiedot palautetaan json-muodossa ja chatResult-funktio chat.js-tiedostosta kutsutaan. Mutta katsotaanpa ensin tiedostoa get_json.php.

Get_json.php-tiedosto ottaa tiedot, laskee merkkijonon, joka ei näkynyt näytöllä, tekee siitä taulukon, pakkaa sen json-muotoon ja lähettää sen chatResult(msgs)-funktioon.