Ajax cerere pentru date html

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> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8576168847" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9162386769"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br><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> <h3>Trimiteți-le prietenilor:</h3> <p> <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-mobile-view="true" data-share-size="40" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1771468" data-mode="share" data-background-color="#ffffff" data-share-shape="round-rectangle" data-share-counter-size="12" data-icon-color="#ffffff" data-mobile-sn-ids="fb.tw.wh.vb.ps.gp." data-text-color="#000000" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.tw.ps.gp.ms.bl.gt." data-preview-mobile="false" data-selection-enable="false" data-exclude-show-more="true" data-share-style="1" data-counter-background-alpha="1.0" data-top-button="true" class="uptolike-buttons" ></div> </p> </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-164/avantajele-lentilelor-din-fata-ochelarilor.html">Avantajele lentilelor din fata ochelarilor</a></li> <li><a href="/utilizator-133/care-este-diferenta-dintre-basme-si-alte-lucrari.html">Care este diferența dintre basme și alte lucrări</a></li> <li><a href="/utilizator-208/ce-spun-semnele-de-nastere.html">Ce spun semnele de nastere?</a></li> <li><a href="/utilizator-137/ghicitori-de-anul-nou-pentru-copii.html">Ghicitori de Anul Nou pentru copii</a></li> <li><a href="/utilizator-144/top-4-optiuni-posibile-cum-sa-incheiati-dragostea.html">Top 4 opțiuni posibile, cum să încheiați dragostea de vacanță</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/sitemap230.html">sitemap</a></li> <li><a href="/sitemap/sitemap323.html">sitemap</a></li> <li><a href="/sitemap/sitemap593.html">sitemap</a></li> <li><a href="/sitemap/sitemap652.html">sitemap</a></li> <li><a href="/sitemap/sitemap709.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;"> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t40.6;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()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </p> </div> </div> </div> </footer> </div> </div></body> </html>