Efectuează o cerere către server fără a reîncărca pagina. Datele primite de la server vor fi plasate automat în elementele selectate. Funcția are mai mulți parametri opționali.
date - date trimise de la server. textStatus - starea modului în care interogarea a fost executată. Obiectul XMLHttpRequest - XMLHttpRequest
dataType - tipul de date de așteptat pe care serverul îl va trimite ca răspuns la solicitare (detalii aici).
Observație 1. Există o metodă numită .load (). Vă permite să efectuați finalizarea încărcării elementelor de pagină. jQuery distinge apelurile acestor metode de argumentele specificate.
Notă 2. Majoritatea browserelor nu permit solicitări ajax pentru resurse cu alte domenii, subdomenii și protocoale decât cele curente.
.load () este cel mai simplu mod de a încărca și lipi conținutul lipsă de pe server. Ea face o cerere ajax la server și introduce datele primite în elementele de pagină cărora le-a fost aplicată metoda:
Dacă aplicația .load () este aplicată obiectului jQuery. care reprezintă 0 elemente, atunci cererea către server nu va fi executată.
Introducerea parțială a datelor
.load () are o caracteristică care vă permite să inserați doar o parte din datele trimise de server. Aceasta constă în condiții speciale pentru specificarea parametrului url. Dacă există spații în ea, atunci întreaga parte după primul dintre ele este considerată ca un selector. care va fi folosit pentru a filtra datele de pe server:
În acest exemplu, jQuery va găsi elementul cu id = container în datele primite și îl va plasa în elementul id = rezultat.
Pentru a analiza datele primite, precum și pentru a le introduce în pagină, jQuery utilizează proprietatea .innerHTML. Unele browsere "taie" automat unele elemente ale documentului, de exemplu, cum ar fi ,
, sau <head>. Prin urmare, datele cu care funcția .load () funcționează poate diferi de original.</p>
<p>Organizăm ajax-request cu trecerea parametrilor și, de asemenea, procesăm finalizarea interogării afișând mesajul corespunzător:</p>
<p>Pe server, procesarea solicitării ajax nu diferă de procesarea interogării obișnuite (ca atunci când se cheamă pagina principală a site-ului):</p>
<p>Ca urmare a acestei solicitări, pe pagină va fi introdus un element cu identificatorul de rezultate, html-text generat pe server (lista cu parametrii expediați), precum și mesajul "A primit un răspuns de la server".</p>
Cheile de căutare:
<ul>
<li>asincronă cerere de text html</li>
<li>ajax-request pentru html-text</li>
<li>obținerea datelor html fără reîncărcarea paginii</li>
<li>.încărcare ()</li>
<li>încărcare ()</li>
</ul>
<div class="vnizine"><p style="text-align: left;"><a href="/utilizator-176/sobaka-i-kurica-skazka-biofada-cititi-textul.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-176/marimea-jackpot-ului-pentru-caini-de-jucarie-45-cm.html">Pagina următoare</a></p>
</div>
</article>
</div>
</div>
</div>
</div><footer class="akatita-footer clearfix">
<div class="akatita-content-layout layout-item-0">
<div class="akatita-content-layout-row">
<div class="akatita-layout-cell layout-item-1" style="width: 20%">
<p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p>
<br>
<ul>
<li><a href="/utilizator-148/un-tanar-are-un-sot-indoielnic-foto.html">Un tânăr are un soț îndoielnic (foto)</a></li>
<li><a href="/utilizator-119/valoarea-gulzar-a-numelui-caracterului-si.html">Valoarea Gulzar a numelui, caracterului și destinului, ceea ce înseamnă numele gulzarului</a></li>
<li><a href="/utilizator-126/numarul-de-sarcina-24.html">Numărul de sarcină 24</a></li>
<li><a href="/utilizator-148/tunsori-pisici-persane-la-moscova-optiuni-pentru.html">Tunsori Pisici persane la Moscova, opțiuni pentru tunsori, foto - rețea de mini saloane pentru băcăni</a></li>
<li><a href="/utilizator-125/celulele-stem-in-cosmetologie.html">Celulele stem în - cosmetologie</a></li>
</ul>
</div><div class="akatita-layout-cell layout-item-1" style="width: 20%">
<p style="font-size: 18px; font-family: 'Times New Roman';">locație</p>
<br>
<ul>
<li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li>
<li><a href="/adresa.html">Adresa</a></li>
</ul>
<ol>
<li><a href="/sitemap/sitemap161.html">sitemap</a></li>
<li><a href="/sitemap/sitemap223.html">sitemap</a></li>
<li><a href="/sitemap/sitemap256.html">sitemap</a></li>
<li><a href="/sitemap/sitemap510.html">sitemap</a></li>
<li><a href="/sitemap/sitemap645.html">sitemap</a></li>
</ol>
</div><div class="akatita-layout-cell layout-item-1" style="width: 20%">
<p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p>
<br>
<ul>
<li><a href="/contactati-ne.html">Contactați-ne</a></li>
<li><a href="/despre-site.html">Despre site</a></li></ul>
</ul>
</div><div class="akatita-layout-cell layout-item-1" style="width: 40%">
<p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br>
<p style="text-align: right;">
<script>
new Image().src = "https://counter.yadro.ru/hit;adolfru?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,150))+
";"+Math.random();</script>
</p>
</div>
</div>
</div>
</footer>
</div>
</div></body>
</html>