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> </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-136/tambov-es-tula-burgonya-pan-keszlet-nyilvantartas.html">Tambov és Tula burgonya pán készlet nyilvántartás Pokrovskaya Fair - TV</a></li> <li><a href="/szakerto-207/fedor-macska-kutya-es-bacsi.html">Fedor macska, kutya és bácsi »</a></li> <li><a href="/articles/tavolltsuk-searche-motor-a-bongeszo-felhasznalo.html">Távolítsuk searche-motor a böngésző (felhasználó), spayvare ru</a></li> <li><a href="/szakerto-164/kulteri-reklam.html">Kültéri reklám</a></li> <li><a href="/szakerto-129/ksenia-sobchak-hazas-maxim-vitorgan.html">Ksenia Sobchak házas maxim Vitorgan</a></li> <li><a href="/szakerto-119/tortenelem-es-aktualis-allapotat-parcellak.html">Történelem és aktuális állapotát parcellák Prionezhye (felülvizsgálat sources) ryabininskie olvasás - 2018</a></li> <li><a href="/szakerto-173/konyhai-csaptelep-hosszu-kifolyoval-vasarolni.html">Konyhai csaptelep hosszú kifolyóval vásárolni Moszkvában</a></li> </p> <p>Copyright © 2024</p> </div> <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>