Ajax kérés html-adatok

Kérelmet intéz a szerver újratöltése nélkül az oldalon. A szervertől kapott adatokat automatikusan kerül a kiválasztott terméket. Funkció több opcionális paramétereket.







adatokat - küldött a szerver. textStatus - állapotának miután kérte. XMLHttpRequest - XMLHttpRequest objektum

adattípus - a várt adat típusát a szerver küld a kérésére (kattintson ide a részletekért).

Megjegyzés: 1. Van névadó módszer .load (). amely lehetővé teszi, hogy feldolgozza a berakodás oldalelemek. jQuery megkülönbözteti hívásokat ezen módszerek szerint az érveket.

2. megjegyzés: A legtöbb böngésző nem teszi lehetővé a ajax-erőforrásokra vonatkozó kérelmeket a domain al-domain és protokollok más, mint a jelenlegi.

.load () a legegyszerűbb eszköz kiszámításának és helyezze be a hiányzó tartalmat a szerverről. Ő teszi a ajax-kérést a szervernek, és beilleszti az adatokat a oldalelemek melyik módszert alkalmaztunk:

Ha .load () kell alkalmazni a jQuery objektumot. amely képviseli az elemek 0, a kérést a szerver nem lesz végrehajtva.







Részleges adatok behelyezése

.load () van egy funkció, amely lehetővé teszi, hogy beágyazni csak az adatok egy részét a szerver által küldött. Fekszik a speciális körülményeknek ki a paramétert url. Ha szóközt tartalmaz, az egész része az első közülük tekintik választó. kell alkalmazni, hogy kiszűrje az adatokat a szerverre:

Ebben a példában a jQuery talál vett adat elem id = konténer, és helyezzük be az elem id = eredmény.

Az adatok elemzésére, valamint beilleszteni őket az oldalon, jQuery használ .innerHTML tulajdon. Egyes böngészők egyidejűleg automatikusan „cut” egyes elemei a dokumentumot, például, mint a , , vagy <head>. Ezért, adatok, amely működik .load () eltérhet az eredeti.</p> <p>Ajax szervezni lekérdezési paraméter átadása, valamint az eljárás befejezése a kérelmet megjeleníti a megfelelő üzenetet:</p> <p>A szerveren, feldolgozásával ajax-kérés nem különbözik a hagyományos feldolgozási kérésére (például, ha hívja a főoldalon az oldalon):</p> <p>Ennek eredményeként a kérést, az oldalon, egy elem id eredmény bekerül a html szöveg (lista küldte paraméterek) kiszolgálón keletkezik, valamint, a képernyőn megjelenik az üzenet: „kapott választ a szervertől.”.</p> Keresési opciók: <ul> <li>aszinkron kérés html-text</li> <li>ajax-html-text lekérdezés</li> <li>egyre html-adatok nélkül újra betölteni az oldalt</li> <li>.terhelés ()</li> <li>terhelés ()</li> </ul> <br> <!-- 3-fics_footer_300-600 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="7643198360"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> </div> <div class="extra"> <div class="info"><a href="/szakerto-176/5-ok-hogy-beiratkozik-a-gyermek-az-iskolaban-dance.html">előző</a> ◈ <a href="/szakerto-176/sos-hogyan-lehet-eltavolltani-a-sotet-lepedeket-a.html">a következő</a></div> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <h4>Hasznos cikkek</h4> <p> <li><a href="/szakerto-194/pereslavlska-tsrb-yaroslavl-regio.html">Pereslavlska tsrb - Yaroslavl régió</a></li> <li><a href="/szakerto-117/3-tenyek-emberek-miert-van-szuksege-az.html">3 Tények emberek miért van szüksége az igazságosság</a></li> <li><a href="/articles/a-lelek-foldi-kuldeteset.html">a lélek földi küldetését</a></li> <li><a href="/szakerto-161/club-macskak-g.html">Club macskák g</a></li> <li><a href="/szakerto-188/kuyalnik-autopiac-odessza-zhevakhov-1-autok.html">Kuyalnik, autópiac (Odessza, Zhevakhov 1) - autók katalógusa</a></li> </p> <p>Copyright © 2024</p> <p> <a href="/privacy.html">Adatvédelmi irányelvek</a> </p> </div> <script type='text/javascript'> //<![CDATA[ // Lazy Load AdSense var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script> <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> </footer></div> </body> </html>