Cum să utilizați Ajax în WordPress

Ajax este o tehnică populară pentru crearea de aplicații web dinamice și receptive. Multe teme și pluginuri WordPress folosesc Ajax pentru a oferi o experiență mai simplă a utilizatorului. În acest tutorial, vă vom arăta cum să utilizați Ajax în tema dvs. WordPress. Vom acoperi următoarele subiecte: Ce este Ajax? Cum se utilizează Ajax în WordPress? Ajax în teme WordPress Ajax în pluginuri WordPress Exemple Ajax în WordPress Ce este Ajax? Ajax este o tehnică de dezvoltare web care permite aplicațiilor web să interacționeze cu datele serverului fără a reîncărca pagina. Cererile Ajax sunt făcute folosind obiectul XMLHttpRequest. Serverul procesează cererea și returnează un răspuns. Răspunsul este apoi procesat de browser și rezultatele sunt afișate pe pagină. Ajax poate fi folosit pentru a crea aplicații web dinamice și receptive. Există două moduri de a utiliza Ajax în WordPress: 1. Utilizați funcțiile Ajax WordPress încorporate. 2. Utilizați biblioteca jQuery. Funcțiile WordPress Ajax sunt metoda preferată pentru majoritatea situațiilor. Biblioteca jQuery este o bibliotecă JavaScript populară care poate fi folosită pentru a crea solicitări Ajax. Ajax în temele WordPress Multe teme WordPress folosesc Ajax pentru a îmbunătăți experiența utilizatorului. De exemplu, tema WordPress Twenty Seventeen folosește Ajax pentru a încărca comentariile la postările de pe blog. Dacă dezvoltați o temă WordPress, puteți utiliza funcțiile WordPress Ajax încorporate sau biblioteca jQuery pentru a crea solicitări Ajax. Ajax în pluginurile WordPress Multe pluginuri WordPress folosesc Ajax pentru a îmbunătăți experiența utilizatorului. De exemplu, pluginul WordPress Contact Form 7 folosește Ajax pentru a trimite datele formularului fără a reîncărca pagina. Dacă dezvoltați un plugin WordPress, puteți utiliza funcțiile WordPress Ajax încorporate sau biblioteca jQuery pentru a crea solicitări Ajax. Exemple Ajax în WordPress Iată câteva exemple despre cum este utilizat Ajax în WordPress: Încărcarea comentariilor la postările de blog Trimiterea datelor formularului fără a reîncărca pagina Încărcarea rezultatelor căutării fără a reîncărca pagina Afișarea postărilor noi fără a reîncărca pagina Dacă dezvoltați o temă WordPress sau plugin, puteți folosi Ajax pentru a îmbunătăți experiența utilizatorului.

Cel mai popular limbaj de programare în dezvoltarea web este AJAX (Asynchronous JavaScript and XML). Este extrem de util pentru aplicații precum Amazon și altele. Ajax este o aplicație care vă permite să trimiteți și să primiți date fără a reîncărca browserul web. Ajax, care este deja în WordPress, va fi folosit pentru demonstrație. Primul pas este să faceți un fișier JavaScript disponibil pe WordPress. Când vi se solicită de funcția wp_enqueue_script(), puteți atașa fișierul JavaScript. Trebuie făcută o solicitare Ajax.

Pentru a începe, trebuie mai întâi să deschideți fișierul custom.js și să copiați următoarele coduri. Pentru a trimite cererea AJAX, vizitați www.example.com/administrator/ajax.php. Trebuie să definim un cârlig de acțiune pentru a gestiona cererea pentru a o gestiona corect.

AJAX, pe scurt, este JavaScript și XML asincron. În esență, XMLHttpRequest este folosit pentru a trimite cereri către servere. Sistemul poate trimite și primi date într-o varietate de formate, inclusiv fișiere JSON, XML, HTML și text.

JavaScript este plasat într-un cap sau într-un corp într-un browser. Dacă plasați toate JavaScript-urile, inclusiv toate JavaScript-urile, în partea de jos a secțiunii body>, se va reduce timpul de încărcare.

Putem folosi Ajax în WordPress?

În WordPress, utilizatorul declanșează o solicitare Ajax, care este apoi redirecționată către admin-ajax prin metoda Ajax . Puteți ajunge la el prin copierea fișierului php din folderul WP-Admin. Pentru a trimite o solicitare Ajax, trebuie furnizate una sau mai multe date (prin GET sau POST).

Ajax poate fi folosit pentru a încărca date din backend, pentru a trimite date către server în fundal, pentru a solicita date și pentru a primi date în timp ce pagina se încarcă. Această tehnică puternică poate fi utilizată într-o gamă largă de aplicații, pe lângă aplicația web în sine. Încărcați date care trebuie validate înainte de a salva acțiunile într-o aplicație Ajax . Utilizatorul nu trebuie să aștepte reîncărcarea paginii după modificarea datelor în acest mod. Ajax este un instrument puternic care poate fi folosit într-o varietate de moduri pentru a reduce timpul necesar pentru a construi o aplicație backend.

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

Nu există o modalitate sigură de a spune dacă WordPress Ajax funcționează sau nu. Cel mai bun mod de a-l testa este să încercați să faceți o solicitare de la front-end-ul site-ului dvs. Dacă cererea trece și vedeți rezultatele așteptate, atunci WordPress Ajax probabil funcționează așa cum ar trebui.

Utilizarea WP_doing_ajax în WordPress 4.0.0 vă va permite să efectuați orice acțiune. Acest lucru este de preferat deoarece pluginurile care fac Ajax diferit pot schimba ordinea de filtrare a unui fals în adevărat. În codex, do_AJAX trebuie setat la true pentru a testa această constantă. Ian și Spencer au declarat amândoi interpretarea corectă.

Cum să utilizați Ajax în WordPress

În zona de administrare WordPress se folosește AJAX. Tot ce trebuie să faci este să folosești codul care a fost deja creat pentru tine.

Ce face metoda Ajax ()?

Cererile AJAX (HTTP asincron) sunt executate folosind metoda Ajax(). Metoda jQuery AJAX, care utilizează metoda jQuery(), este utilizată pentru toate metodele jQuery AJAX . Această metodă este de obicei folosită pentru a îndeplini cererile pe care celelalte metode nu le răspund.

Nu există nici un limbaj de programare în Ajax, așa cum sugerează subtitrarea. Tehnologiile asincrone funcționează în același mod ca și AJAX, adică să solicite mai multe date de la server și să le încarce pe server în fundal fără a atinge vizualizările sau restul paginii. Procedând astfel, puteți naviga prin informațiile afișate fără a reîncărca site-ul. Metoda $.load() poate fi folosită pentru a încărca date într-un element de site. Metoda $.get() și metoda $.post() fac ambele același lucru. Trimitem parametri pe aceste metode pentru a trimite prima, dar nu este o cerință. Aceasta este o prezentare globală a implementării AJAX și JQuery .

AJAX poate fi folosit pentru a accesa date de pe serverul web. În conținutul dinamic, putem folosi AJAX. Este posibil să transportați date în text simplu sau JSON folosind AJAX.

Cele trei tipuri de solicitări servlet

servleturile sunt clasificate în trei tipuri: br>, br>2 și br>3. O solicitare GET este un exemplu de solicitare de date de server.
Utilizarea POST este cea mai comună modalitate de a trimite date către un server.
Datele sunt transferate între un server și un fișier PUT.

WordPress Ajax Post

Ajax este o tehnologie care permite crearea de aplicații web dinamice, receptive. WordPress este un sistem de management al conținutului care permite crearea și gestionarea unui site web sau blog. WordPress Ajax permite sistemului de gestionare a conținutului WordPress să comunice cu baza de date WordPress fără a fi nevoie să reîncarce întreaga pagină. Acest lucru asigură o experiență web mai receptivă și mai dinamică pentru utilizator.

Este Ajax o cerere post?

Este adevărat că cererile post sunt livrate prin Ajax.

Ajax în WordPress fără plugin

Ajax este o tehnică folosită pentru a face cereri asincrone de la browser către server. Aceasta înseamnă că, în loc să fie nevoie să reîncărcați întreaga pagină atunci când un utilizator face clic pe un link, este reîncărcată doar partea din pagină care trebuie actualizată. WordPress vine cu propria bibliotecă ajax, care poate fi folosită pentru a efectua solicitări ajax fără a fi nevoie să instalați un plugin. Pentru a utiliza biblioteca ajax WordPress, includeți pur și simplu următorul cod în fișierul functions.php al temei: add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' ); function my_theme_enqueue_scripts() { wp_enqueue_script( 'ajax-script', get_template_directory_uri() . ' /js/ajax.js', array('jquery') ); wp_localize_script( 'ajax-script', 'ajax_params', array( 'ajax_url' => admin_url( 'admin-ajax.php') )); } Codul de mai sus va pune în coadă fișierul ajax.js și îi va transmite parametrul ajax_url. Parametrul ajax_url este adresa URL a fișierului WordPress admin-ajax.php, care este folosit pentru a gestiona solicitările ajax. În fișierul ajax.js, puteți utiliza variabila ajax_params.ajax_url pentru a face cereri ajax: jQuery(document).ready(function($){ $.ajax({ url: ajax_params.ajax_url, type: 'POST', date: { acțiune: „acțiunea_mea”, param1: „valoare1”, param2: „valoare2” }, succes: funcție(date) { alert(„succes”); }, eroare: funcție(date) { alert(„eroare” ); } }); }); Codul de mai sus va face o cerere POST către fișierul admin-ajax.php, cu parametrul de acțiune setat la my_action. Acțiunea my_action va fi apoi gestionată de o funcție din fișierul functions.php: add_action( 'wp

Avantajul principal al Ajax este capacitatea sa de a gestiona operațiunile bazei de date fără a reîncărca paginile web. Ca rezultat, puteți stoca date din baza de date și le puteți afișa într-un front-end fără a fi nevoie să reîmprospătați pagina. Deoarece este o modalitate rapidă și simplă de a afișa conținut, Ajax a devenit un sistem de management al conținutului utilizat pe scară largă pe multe site-uri web. Fișierele JavaScript și CSS trebuie să fie înregistrate și puse în coadă cu cârlige WordPress pentru ca acestea să funcționeze corect. Următorul pas este să creați un link Citește-mă mai târziu pentru fiecare postare de blog. Când utilizatorul face clic pe link, postarea va apărea în lista „Citește-mă mai târziu”. După ce ne-am uitat la asta, vom face linkul.

Cu alte cuvinte, folosim atributul de date HTML5 pentru a stoca ID-ul postării de blog. În interiorul pluginului, funcția get_the_id() poate fi folosită pentru a prelua acest lucru. Pentru a executa un apel Ajax , acesta trebuie mai întâi executat în fișierul admin-ajax.php. Fișierul este responsabil cu gestionarea și procesarea tuturor solicitărilor dvs. Ajax în contextul WordPress. Am adăugat la codul nostru o metodă care va fi apelată atunci când un utilizator face clic pe linkul „Citește-mă mai târziu”. ID-ul postării este preluat folosind metoda datelor din această funcție, care este stocată în „rml_post_id” ca o variabilă. Următorul cod este necesar pentru a utiliza următoarea metodă după ce a fost utilizată metoda.ajax().

Când utilizatorul face clic pe linkul „Citește-mă mai târziu”, acesta va fi eliminat. ID-ul postării a fost stocat ca variabilă în variabila $rml_post_id. Funcția get_user_meta() profită de rândul din WordPress. Dacă este adevărat, îl păstrăm în baza noastră de date, folosind tabelul usermeta. Verificăm dacă valoarea $ este prezentă. În fișierul read-me-later.html, copiați următorul cod: Funcția update() șterge valoarea introdusă de utilizator și o actualizează. Toate postările pot fi selectate folosind funcția WordPress get_posts(), care este folosită pentru a determina preferința utilizatorului.

Acum vom configura metoda widget() pentru a afișa „Citiți-mă”. Postările ulterioare vor fi făcute în frontend. Sincer să fiu, nu mă deranjează un simplu widget aici. Dacă cererea nu vine din locația corectă și un utilizator autentificat o face, va fi folosit nonce. Dacă nonce este incorectă sau nu specifică o setare, apelul Ajax va fi terminat. În acest tutorial, am creat un sistem în care utilizatorii își pot salva postările preferate și apoi le pot citi mai târziu, făcând acest lucru.

Utilizarea Ajax în WordPress

Dacă doriți să utilizați Ajax pe site-ul dvs. WordPress, trebuie mai întâi să înțelegeți cum funcționează solicitările înainte de a putea configura fișierul admin-ajax.html pentru a trimite solicitările Ajax la adresa URL corectă.

Adresa URL Ajax WordPress

Ajax este o tehnică folosită pentru a face cereri asincrone de la browser către server. Aceasta înseamnă că, în loc să fie nevoie să reîncărcați întreaga pagină atunci când un utilizator face o modificare, este reîncărcată doar partea din pagină care trebuie actualizată. WordPress folosește ajax pentru multe lucruri, cum ar fi să se asigure că numărul corect de postări este afișat atunci când un utilizator modifică numărul de postări pentru a le afișa pe pagina de start a blogului.

Cum să utilizați Ajax în WordPress

Adresa URL este specificată în majoritatea exemplelor AJAX de pe pagina de documentație jQuery. Ori de câte ori faceți o cerere de server, fie că utilizați AJAX sau metode sincrone de modă veche, trebuie să specificați cui să o trimiteți (indiferent dacă utilizați AJAX sau metode sincrone de modă veche). Aproape toate exemplele pe care le-am văzut în pagina de documentație jQuery aveau o adresă URL specificată (url: test).
Ce este AJAX? Folosind AJAX, puteți trimite date către un script și apoi puteți primi și procesa răspunsul acestuia fără a fi nevoie să reîncărcați pagina. Folosind HTML, CSS și JavaScript, puteți trimite date către un script. Pentru a face acest lucru, trebuie făcută o solicitare AJAX și trebuie furnizată o adresă URL scriptului în care vor fi procesate datele.
Pentru ce este WordPress?
Sistemul de management al conținutului WordPress (CMS) este un CMS popular care utilizează AJAX pentru a vă permite să trimiteți date către un script și să primiți și să procesați răspunsul scriptului fără a fi nevoie ca pagina să se reîncarce. WordPress conectează o funcție personalizată în apelul Ajax numită WP_ajax_, care este executată în timpul apelului Ajax.
Cum pot apela administratorul în WordPress ca Ajax?
Solicitările AJAX ale WordPress sunt trimise la o adresă URL comună, iar atunci când parametrii sunt returnați, metoda corespunzătoare este apelată intern folosind parametrii. Admin_url, „ajax”, este cea mai potrivită alegere. Această adresă URL poate fi obținută folosind funcția WordPress PHP' (').