Cum să adăugați AJAX pe site-ul dvs. WordPress

Adăugarea AJAX la site-ul dvs. WordPress este o modalitate excelentă de a îmbunătăți experiența utilizatorului și de a face site-ul mai receptiv. AJAX vă permite să încărcați în mod dinamic conținutul fără a fi nevoie să reîncărcați întreaga pagină, ceea ce poate economisi timp enorm. Există câteva moduri diferite de a adăuga AJAX pe site-ul dvs. WordPress. O modalitate este să utilizați un plugin precum Ajax Load More sau WP Ajaxify . Aceste plugin-uri se vor ocupa de sarcinile grele pentru tine și vor facilita adăugarea AJAX pe site-ul tău. O altă modalitate de a adăuga AJAX la WordPress este codificarea manuală în tema sau pluginul dvs. Aceasta este o abordare mai tehnică și necesită ceva mai multă muncă, dar vă va oferi mai mult control asupra modului în care AJAX este implementat pe site-ul dvs. Dacă nu sunteți dezvoltator, atunci cea mai bună modalitate de a adăuga AJAX la WordPress este utilizarea unui plugin. Există o serie de plugin-uri grozave disponibile care vor facilita adăugarea AJAX pe site-ul dvs.

Există mai multe moduri de a folosi AJAX în WordPress, dar unul ar trebui să fie cel mai mult folosit. AJAX este o combinație de cod HTML, CSS și JavaScript care vă permite să trimiteți date către un script, să primiți și să procesați răspunsul și apoi să reîncărcați pagina. Dacă nu sunteți familiarizat cu AJAX, citiți articolul Wikipedia despre el la sfârșitul acestui articol. În folderul WP-administrator, există un fișier admin-ajaxx care stochează solicitările AJAX. Dacă nu există alte elemente disponibile, trebuie furnizată o acțiune (atât pentru solicitările GET, cât și pentru POST). Adăugarea unei funcții la primul cârlig înseamnă că aceasta va fi activă dacă un utilizator care se conectează inițiază acțiunea. Folosind cel de-al doilea cârlig, puteți separa utilizatorii autentificați și utilizatorii neconectați.

Creați o clasă user_vote și o proprietate data-post_id, care să conțină ID-ul postării și evenimentul de clic, folosind pluginul dvs. Un meta câmp poate fi folosit pentru a stoca numărul total de voturi exprimate. Funcția update_post_meta() este folosită pentru a actualiza numărul de voturi pentru postarea noastră. Vom crea o matrice pentru fiecare caz care să se potrivească cu succesul sau eșecul funcției. Acum au fost folosite metode obișnuite pentru a gestiona acțiunile utilizatorului, iar JavaScript a fost acum dezvoltat. O funcție slabă pentru gestionarea utilizatorilor deconectați, dar poate fi folosită ca exemplu. Vom avea nevoie de jQuery și propriul nostru cod JavaScript pentru ca sistemul nostru să utilizeze AJAX.

Urmând pașii de mai jos, puteți face acest lucru pe pluginul dvs. În fișierul my_voter_script.js, vom găsi adresa URL myAjax.ajaxurl, care conține adresa URL a fișierului nostru admin-ajax.html. Când un utilizator face clic pe butonul de vot fără a utiliza JavaScript, acesta utilizează metoda GET (șirul de interogare) pentru a trimite o solicitare către script. Ei pot accesa o pagină utilizând JavaScript. Ca răspuns la solicitarea noastră, datele ar trebui făcute publice. Funcția my_user_vote() din pluginul nostru este de așteptat să proceseze acest lucru și să ne trimită matricea de rezultate înapoi. Contorul de voturi, în exemplul nostru, își schimbă valoarea pentru a indica noul număr de voturi. Platforma AJAX a WordPress are multe de oferit, precum și capacitatea de a diferenția între stările de conectare și cele care nu sunt deconectate.

Pot folosi Ajax în WordPress?

Puteți utiliza AJAX în WordPress în același mod în care este deja folosit în back-end. Tot ce trebuie să faci este să te obișnuiești cu instrumentele disponibile. Codul este o explicație generală a procesului, dar vom intra în el mai târziu.

Ajax vă permite să faceți schimb de date fără a fi nevoie să reîncărcați o pagină. Puteți face acest lucru pe cont propriu dacă creați un fișier autonom folosind WordPress, dar trebuie să îl sunați și să îl procesați pe cont propriu. În plus, WordPress include o modalitate eficientă și simplă de a fi utilizat intern Ajax. Prin externalizarea Ajax la un fișier suplimentar, îl puteți include în functions.php. Ajax este codul real pe care îl folosim aici. Datele Ajax sunt procesate folosind JavaScript pasul 4. În JavaScript, trimiteți datele înapoi către client într-un apel invers. De asemenea, puteți adăuga condimente suplimentare după cum este necesar.

AJAX poate fi folosit pentru a prelua date de pe un server, pentru a trimite date la un script sau pentru a efectua calcule. HTML5 este frecvent combinat cu AJAX, ceea ce face mai ușor pentru designeri să creeze site-uri web care arată și se simt moderne.
Paginile web pot fi generate cu AJAX în câteva secunde. Paginile web pot fi actualizate asincron folosind AJAX prin schimbul de cantități mici de date cu serverul din culise. Deoarece părți ale unei pagini web pot fi actualizate fără a reîncărca întreaga pagină, aceasta înseamnă că părțile pot fi actualizate fără a reîncărca întreaga pagină.

Cum să utilizați funcția Admin_url() în WordPress Ajax

În exemplul nostru de cod AJAX, funcția admin_url() returnează adresa URL a solicitării AJAX . Iată ce mi se pare în această imagine: Ajax (type:GET, dataType: json, url: admin_url('ajax.')) folosește GET. În., date, acțiune: get_data, succes: function(response) alert(„Votul tău nu a putut fi adăugat”); iar în., eveniment: primi. Adresa URL a cererii AJAX poate fi specificată folosind funcția admin_url() din acest exemplu. Datele sunt următoarele: *acțiune: „get_data”, *success: function(response): „Votul tău nu a putut fi adăugat”); *alertă: „Votul tău nu a putut fi adăugat”

Cum obțin date Ajax în WordPress?

Există câteva moduri diferite de a obține date AJAX în WordPress. O modalitate este să utilizați API-urile AJAX care sunt încorporate în WordPress. O altă modalitate este să utilizați un plugin sau o temă care oferă funcționalitate AJAX. În cele din urmă, puteți scrie și propriul cod pentru a gestiona solicitările AJAX.

Cum funcționează Ajax în WordPress?

Majoritatea site-urilor web folosesc Ajax, o tehnologie web populară. Ajax, ca una dintre caracteristicile sale cheie, este capabil să gestioneze operațiunile bazei de date fără a reîncărca paginile web. Aceasta înseamnă că datele din baza de date pot fi afișate pe front-end fără a necesita o reîmprospătare.

Cum pot spune dacă WordPress Ajax funcționează?

Ajax este o tehnologie care permite crearea de aplicații web dinamice, receptive. Permite unei pagini web să solicite și să primească date de la un server fără a fi nevoie să reîncarce întreaga pagină. WordPress folosește Ajax pentru a îmbunătăți experiența utilizatorului, oferind o interfață mai receptivă. Există câteva moduri de a afla dacă WordPress Ajax funcționează. Una este să te uiți la solicitările de rețea în instrumentele de dezvoltare ale browserului tău. Dacă vedeți că se face o solicitare către adresa URL ajax WordPress (wp-admin/admin-ajax.php), atunci WordPress folosește Ajax pe pagina respectivă. Un alt mod de a spune este să căutați semnul „#” în adresa URL. Aceasta indică faptul că pagina folosește opțiunea „fragment”, care este necesară pentru solicitările Ajax.

Funcțiile WP_doing_ajax pot fi utilizate deoarece WordPress 4.0.0 a inclus o funcție încorporată pentru acesta. Deoarece pluginurile care fac Ajax diferit pot filtra elementele pozitive false, aceasta este o opțiune mai bună. Dacă utilizați Ajax așa cum este recomandat în codex, puteți testa constanta DOING_AJAX. Când o solicitare AJAX nu este destinată utilizării cu un hook admin-ajax, este pur și simplu un punct final (de exemplu, PayPal IPN).

Ajax în WordPress fără plugin

AJAX este o tehnologie care permite crearea de aplicații web dinamice, receptive. Este o alegere populară pentru utilizare în WordPress, deoarece poate ajuta la crearea unei experiențe de utilizator mai perfecte. Există câteva moduri diferite de a implementa AJAX în WordPress, dar una dintre cele mai comune este utilizarea unui plugin. Există multe plugin-uri disponibile care vă pot ajuta să adăugați funcționalitate AJAX pe site-ul dvs. WordPress, dar este, de asemenea, posibil să adăugați AJAX fără un plugin. Dacă vă simțiți confortabil cu codarea, puteți adăuga funcționalitate AJAX adăugând câteva linii de cod în fișierul functions.php.

Ajax, în special, permite utilizatorilor să gestioneze operațiunile bazei de date fără a fi nevoie să reîncarce paginile web. Ca rezultat, puteți obține date din baza de date și le puteți afișa pe front-end fără a fi nevoie să reîmprospătați pagina. Ajax a crescut în popularitate de-a lungul anilor datorită ușurinței sale de utilizare și vitezei de afișare, iar acum este folosit într-o varietate de moduri pe site-uri web. Pentru a înregistra și a pune în coadă fișierele noastre JavaScript și CSS, WordPress trebuie să aibă cârligele necesare. În cele din urmă, trebuie să creăm un link Citește-mă mai târziu pentru fiecare postare de blog. Când utilizatorul face clic pe link, postarea pe care dorește să o salveze este adăugată la lista „Citește-mă mai târziu”. După ce am stabilit ce trebuie să facem, facem clic pe link.

Iată o privire rapidă asupra modului în care folosim atributul de date HTML5 pentru a identifica postarea de blog. Get_the_id() poate fi folosit pentru a obține aceste informații dacă utilizați pluginul. Când apelați Ajax pe un obiect, trebuie să trimiteți cererea către fișierul admin-ajax.php . Acest fișier gestionează și procesează toate solicitările dvs. WordPress Ajax. În acest cod, am creat o funcție care va fi apelată atunci când utilizatorul face clic pe linkul „Citește-mă mai târziu”. Obținem ID-ul postării prin metoda de date din această funcție și îl salvăm în variabila rml_post_id. După ce ați adăugat următorul cod, va trebui să utilizați din nou metoda theajax().

Când un utilizator face clic pe linkul „Citește-mă mai târziu”, acesta va fi eliminat. Variabila $rml_post_id conține ID-ul postării. Când există un rând, funcția get_meta() WordPress returnează metavaloarea. Stocăm aceste informații în tabelul usermeta din baza noastră de date dacă este adevărată. Investigăm pentru a vedea dacă există vreo valoare $, dacă există sau nu. Vă rugăm să adăugați următorul cod în fișierul read-me-later.php. Sunteți responsabil pentru igienizarea sistemului dvs. utilizând Update() atunci când efectuați o actualizare.

Funcția WordPress get_posts() returnează toate postările în funcție de preferințele utilizatorului. Vom folosi metoda widget() pentru a afișa expresia „Citește-mă”. Postările din luna anterioară vor fi folosite în frontend. Pentru a fi sincer, pur și simplu avem nevoie de un widget de bază în acest caz. Această caracteristică vă permite să determinați dacă o solicitare vine din locația corectă și este făcută de un utilizator autentificat. Dacă nonce este incorect sau nesetat, apelul Ajax este anulat. Acest tutorial îi va învăța pe utilizatori cum să salveze postările pe care doresc să le citească mai târziu și apoi să le citească mai târziu.

WordPress Ajax Post

Ajax vă permite să actualizați dinamic părți ale site-ului dvs. WordPress fără a reîncărca întreaga pagină. Acest lucru poate fi util pentru preluarea datelor din formulare, actualizarea informațiilor din baza de date sau afișarea conținutului din alte părți ale site-ului.

Articolul Artisans Web despre postările WordPress care se încarcă cu Ajax este o sursă excelentă pentru a începe. Uneori, veți întâlni o situație în care doriți să utilizați Ajax pe postările WordPress. Ca răspuns la acest comportament, nu vor fi afișate linkuri de paginare, iar reîncărcările paginilor vor fi oprite. Următorul set de postări va fi afișat făcând clic pe acest buton, atâta timp cât faceți clic pe el și apoi faceți clic pe „Încărcați mai multe”. Procesul se va finaliza odată ce toate postările au fost vizualizate. Pentru a integra WordPress Ajax, trebuie să includeți un fișier JS în mediul WordPress. În directorul js, creați un fișier custom.js și apoi copiați următorul cod în fișierul functions.php.

Acest cod preia valoarea „pagină” și o convertește într-o valoare „paginată”. Postările WordPress sunt distribuite și rezultatul rezultat este generat de acesta. Când faceți clic pe butonul „Încărcați mai multe”, următoarele postări vor fi încărcate în Ajax.

Care este diferența dintre Ajax și Post?

Simbolul $ este denumit post. Deoarece atât cererile POST, cât și cererile POST sunt posibile folosind același cod subiacent, există puține distincții între ele.

Funcția WordPress Ajax Call PHP

Ajax este o metodă de a face paginile web mai receptive și mai interactive prin schimbul de cantități mici de date cu serverul din culise. Acest schimb de date poate fi folosit pentru a actualiza o pagină fără reîncărcare, pentru a răspunde la intrarea utilizatorului fără a reîncărca pagina, pentru a încărca conținut nou în pagină fără reîncărcare și așa mai departe. În WordPress, Ajax este folosit în back-end pentru a efectua diverse sarcini, cum ar fi salvarea postărilor, obținerea de informații din baza de date și așa mai departe. În front-end, Ajax poate fi folosit pentru a implementa funcții precum derularea infinită, încărcarea mai multor postări la clic pe buton și așa mai departe. Pentru a folosi Ajax în WordPress, trebuie să includem biblioteca jQuery care este deja inclusă în WordPress. Apoi putem folosi metodele jQuery.ajax() sau jQuery.post() pentru a face cererile noastre Ajax. În back-end, trebuie să ne conectăm la acțiunea wp_ajax pentru a putea gestiona cererile noastre Ajax. Apoi putem folosi funcția wp_die() pentru a părăsi scriptul nostru PHP și a returna răspunsul nostru. În front-end, trebuie să facem cererea noastră Ajax către WordPress ajaxurl, care este o variabilă JavaScript globală. Apoi putem folosi funcțiile de apel invers de succes și de eroare pentru a gestiona răspunsul nostru.

Cum să faci un apel Ajax în WordPress

Crearea apelurilor Ajax folosind WordPress. Pentru ca un apel Ajax să funcționeze, un membru de bază WordPress trebuie să includă fișierul admin-ajax.php. În contextul WordPress, acest fișier este responsabil pentru gestionarea și procesarea tuturor solicitărilor dvs. Ajax. NU utilizați adresa URL directă a căii fișierului pentru a accesa fișierul. Cum obțin admin-ajax în WordPress? Toate apelurile Ajax sunt direcționate către directorul /wordpress/ajax/files din WordPress folosind fișierul admin-ajax.php. Este Ajax compatibil cu PHP? AJAX poate fi folosit în locul PHP. În tutorialul nostru PHP, vom demonstra cum AJAX poate actualiza părți ale unei pagini web fără a reîncărca întreaga pagină. PHP va fi folosit pentru a crea script-ul serverului.