Dinamikus tartalom betöltése ajax

Ma kiderítjük, hogyan használhatjuk az ajax-jQuery tartalmat a linkre kattintással. Tegyük fel, hogy meg kell kapnunk a tartalmat a linkből, és be kell töltenünk a tartályba.

Először hozzon létre egy linket és egy tartályt, amelyre mindent betöltünk.

Az alábbiakban a következő szkriptet írjuk le.

Most elemezzük kódunkat, ha rákattintunk a linkre, az ajax-kérelemre, a file content.php fájlra. Azt is jelezzük, hogy a fájl gyorsítótárazása tilos. Az elküldés előtt (a megelőző esemény) a "Tartalom beszedése" üzenet jelenik meg a tartályban, amikor a kérés befejeződött (sikeres események), a content.php fájl tartalma a tartályba kerül.

return false; meg kell adnunk annak biztosítását, hogy amikor rákattintunk, nem kattintunk a linkre, ebben az esetben a # (így nincs oldalugrás).

Olyan könnyű tartalomhoz juttatni a jQuery-t.

(Látogatott 10 395-szor, 1-szer ma)

Valószínűleg érdekel:

Nem az, amit vártam. A fenti építés N div blokkok esetében N-szeres másolás? Adjon példát az N blokkok különböző és különböző URL-címére: '/your-script.php?parametr=1'?

Nevezetesen: egyetlen JS-nek (önnek, de módosítottnak) kell lennie, amely akkor, ha "összeáll" az űrlap építését
...

Elrejti és megjeleníti a /your-script.php?parametr=N tartalmát

Nem az, amit vártam. A fenti építés N div blokkok esetében N-szeres másolás? Adjon példát az N blokkok különböző és különböző URL-címére: '/your-script.php?parametr=1'?

Nevezetesen, akkor csak JS (de a módosított), amely, ha a "találkozó" típusú konstrukció div id = »getContentA» a href = »/ a-szkript.php parametr = A» / a / div div id = »getContentB» Egy? href = "/ your-script.php? paraméterr = B" / a / div
...
div id = »getContentN» a href = »/ a-script.php? paraméterr = N» / a / div

Elrejti az A / a tartalmat és megjeleníti a /your-script.php?parametr=N tartalmát

és a csavart vonalba csavarva
$ ("# Feeds") Load ("pages / demo.html #areaa");
nem kezdett dolgozni
Végül megkaptuk ezt:

És ez az, amire szükségem van, hogy könnyen letöltsek információkat az azonos oldalú tárolóedényről egy oldalon.
A lapadatok újbóli feltöltésénél csak azért kell megtanulni, hogy ne felejtse el újra a linket, hogy ne lássa újra a linket, ez a pillanat, amit még nem tudtam elképzelni;)

Üdvözlünk!
Már kimerült vagyok, és keresem a kódot, amire szükségem van. Talán segíthet nekem ...

Csak 2 dologra van szükségem:
1. Van egy díva az oldalon, hogy frissíteni kell újraindítás nélkül, miután egy meghatározott időintervallum, valamint parancsfájlutasításokat, azaz van egy script, hogy kell futtatni a frissítést a divs.
2. Ezeken a divákon is információkat kell betölteni a menüpontokon keresztül, állítólag navigáció nélkül, újraindítás nélkül, sapkák, lábléc stb.

De egy dolog, hogy én soha nem kakraz, és nem találja a divah információt frissíteni kell, ami az, hogy nincs fájl betöltését ne ... csak maga díva frissítjük, és minden ... De amikor a menüt, majd díva lehet betölteni a fájlinformációkat, de aztán újra kell frissítenie az automatikus gépen és a szkripten a funkcióhívásban.

Kérem, segítsen, ha tud. lapoztak egy csomó webhelyet, de mindenhol csak a fájlt töltik ... ((((((

A probléma az, hogy megpróbálsz megtalálni, nem próbálsz kódot írni. És biztosíthatom, ha nem változtat taktikán, akkor a problémák továbbra is fennmaradnak.

Köszönöm természetesen a választ, de számoltam valódi gyakorlati segítséget.
Egyszerűen könnyebb alapján kész példákat állítsa be a kódot, hogy illeszkedjen az Ön igényeinek, de az én esetemben, mind a kódok az inkvizítor fájlokat, és nem tud alkalmazkodni az én feladatom, hogy egy másik, és azokat a kódokat ...
És végül, ha tudok írni kódot, biztosíthatom önöket, nem kérnék segítségért!
Sajnálom, hogy zavarlak.

Ha megpróbáltál írni valamit, és nem lett volna sikeres. És a kérdés az volt, hogy hogyan kell frissíteni a div-et az intervallumon keresztül, akkor a segítség más lenne.
És azt kéri, hogy írjak neked egy munkadarabot.

Milyen kérdés, ilyen és válaszol.

A példákat nem kell személyre szabni. Példákat hoznak létre annak megértése érdekében.

Köszönöm a példát. De van egy probléma. Tegyük fel, hogy két gomb van. Mindegyik betölti a tartalmat olyan fájlból, amely különböző Java szkripteket tartalmaz diavetítéssel. Amikor betölti az egész oldalt, az első diavetítés működik. De a második betöltése nem működik, és az első is nem működik. Úgy érzi, hogy a feltöltött tartalom belsejében található szkriptek figyelmen kívül maradnak, és csak statikus tartalmat adnak ki. Hogyan lehet megoldani a problémát a szkriptekkel a letöltött tartalomban?

Ezért azt javasoltam, hogy ezt a kódot a WP témához adhatod

Jó napot! A második nap küzdelem a feladat fölött, és végül majdnem megoldtam az Ön segítségével :)
Szükségem volt a php szkript betöltésére a választott űrlapra, kihúzva a megfelelő értékeket az adatbázisból. De ... a fogás az, hogy az adatokat csak egy sorban töltik be (és egy lista formájában kell lennie, hogy minden egyes elemnek más értéke legyen).
Forrásfájl:
Ez betölti a szkriptet

Mi van betöltve:
echo mysql_result ($ eredmény, $ j, 'körzet');
De szükséges:
echo '------ nbsp'. mysql_result ($ eredmény, $ j, 'körzet'). "; // (így a lehetőség itt volt, nem a forrásoldalon)
Ha id hozzárendelek - semmi sem működik ...
Nagyon hálás leszek a segítségért :)

Kattintson a (függvény () $ (ez) .removeClass ('aktív');
$ (ez) .addClass ('aktív');
$ ('# Tartalom') Load ($ (this));

Biztosítani akartam, hogy amikor rákattintott, az oldalak ugyanabba az ablakba töltődnek, és csak egy új ablakban vannak betöltve.
Mit tettem rosszul?

Vagyis amikor kattintsok, egy div eltűnik (tehát elképzelt), és amikor ismét kattogok, ez valami olyasmi, mint a módváltás az üzemmódok között.

Tehát ha hozzáadok id = "getContent" -t, akkor mi felel meg az adatoknak a divba történő betöltéséért, semmi sem működik. És fordítva. Hogyan lehet őket egyidejűleg dolgozni?

itt a funkció le

függvény le ()
var obj = document.getElementById ('mód');
ha (obj.style.display == 'blokk')
obj.style.display = 'none';
más
obj.style.display = 'blokk';
>

függvény down5 ()
var obj = document.getElementById ('mód');
ha (obj.style.display == 'blokk')
obj.style.display = 'none';
más
obj.style.display = 'blokk';
>

$ (document) .ready (függvény () $ ('# getContent') kattintson (function () $ .ajax (url: "load.php"
gyorsítótár: hamis,
beforeSend: function () $ ('# divContent'). html ('Várjon egy kicsit');
>
siker: function (html) $ ("# divContent"). html (html);
>
>);
return false;
>);
>);

Vagyis amikor kattintsok, elrejtek egy divot és betöltöm a tartalmat egy másikba. De együtt nem akarnak dolgozni! Ha újra megnyomja az első divot, akkor vissza kell térnie, és el kell rejtenie (nem jeleníthet meg semmit, nem tudja többé) másodpercet. Hogyan tudom összeilleszteni őket, kérlek, kérlek.

Mesélj a kérdésemrõl, amit fent kérdeztem.

Ha eltávolítja a kódot, amely betölti a tartalmat ugyanarra az oldalra, akkor az oldalak megnyitásra kerülnek, természetesen csak egy új ablakban, és nem ugyanazon az oldalon.

Mindent meg kell dolgozni, tegyünk FireBug-ot vagy az Operában van egy szitakötő. Valószínűleg érvénytelen URL-címeket tartalmaz ezen oldalakon, próbáld meg letiltani a javascriptet, és ellenőrizni, hogy a hivatkozások működnek-e.
Ne feledje, hogy a javascriptben a határokon átnyúló lekérdezések tiltottak és nem tölthetők be.

Mint már írtam, anélkül, hogy a forgatókönyved szerint minden link működne, ahogy kellene, de csak egy új ablakban, ahogy kellene lennie.
Nem értem magam.
Az operában mindez működött, miután engedélyezte az AllowFileXMLHttpRequest alkalmazást.

És króm itt, ami ír

Az XMLHttpRequest nem tölthető be

A null eredetét nem engedélyezi az Access-Control-Allow-Origin.

Jó nap, láttam, hogy olyan kérdésed van, mint az enyém, de nem találtam választ erre ...
A következő oldalra töltem be az ajaksomot: php:
$ (dokumentum) .ready (függvény () $ .ajax (url: "mkr8.php",
gyorsítótár: hamis,
dataType: "html",
siker: function (aaa) $ ("# táblázatok"). html (aaa);
>
>);
>);

minden betöltött, de minden más szkript van az oldalon (beleértve azokat, amelyek ugyanabban a $ (dokumentumban) .ready-ben vannak). A letöltött tartalomhoz ne dolgozzon. Köszönjük előre.

A szkripteket előzetesen le kell töltened. És a betöltött elemekhez, amelyekkel végig lehet menni.

Ezt a kódot feltöltöttem wordpressre, amikor rákattintok, feltöltelek a tartalmat, de semmi sem történik. Próbálok összekapcsolni egy statikus wordpress oldalt

Lássuk, milyen hibákat vylazyat. A wordpress-ben a jquery már csatlakoztatva van.

Itt megtekintheti a művet tematikus albumokban.

csinál
printf ("% s", $ myrow3 ["title"]);
>
miközben ($ myrow3 = mysql_fetch_array ($ result3));

$ (Document) .ready (function () $ ( '# getContent) click (function () $ .ajax (url :. «/content.php»,
gyorsítótár: hamis,
beforeSend: function () $ ('# divContent'). html ('Tartalom betöltése');
>
siker: function (html) $ ("# divContent"). html (html);
>
>);
return false;
>);
>);

nevezetesen a mini képek (galéria) listája.

Segítség, kérem. Köszönjük a türelmét és tanácsát. Csatolok egy darab kódot -

csinál
printf ("% s", $ myrow3 ["title"]);
>
miközben ($ myrow3 = mysql_fetch_array ($ result3));

$ (Document) .ready (function () $ ( '# getContent) click (function () $ .ajax (url :. «/content.php»,
gyorsítótár: hamis,
beforeSend: function () $ ('# divContent') .html ('Tartalom betöltése');
>
siker: function (html) $ ("# divContent"). html (html);
>
>);
return false;
>);
>);

Sajnálom, tisztázás - a content.php fájlban Kérelem az adatbázishoz, hogy kivágja a mini-képeket a képeket tartalmazó táblából a bélyegképek listájának felépítésével. Hogyan működik a szkript?

Köszönet még egyszer.

Üdvözlünk! Nagyon köszönöm a forgatókönyvet.
De segíts nekem, kérlek, még egy feladat, a lényeg a következő:
Kattints a tartalomra a Div-ra.
De nem csak a kattintásra, hanem a lebegésre is szükségem van, van egy kis különbség a stílusokban, azaz a lebegéskor a tartalom le van vágva, és ha rákattintasz, a gördítés megjelenik a jobb oldalon.