Динамично зареждане на съдържание Аякс

Предишен ◈ Следващото

Днес ние ще обсъдим как да се използват Аякс-JQuery направи съдържание podgruzku, като кликнете върху линка. Да предположим, че ние трябва да се съдържание на линка и да го изтеглите на контейнера.

На първо място, да създаде връзка и контейнер, където всичко ще бъде изтеглен.

По-долу пише следния скрипт.

Сега анализираме нашия код, когато кликнете върху възниква връзка Аякс-искане до content.php файл. Ние също така изтъкват, че файловия кеш е забранено. Преди да изпратите (събитие beforeSend), в контейнера има надпис - "Get съдържанието", когато искането е завършена (събития за успех) в контейнер поставен съдържание content.php на файла.

върнете невярна; ние посочим, когато ние не отиде кликнете на линка, в този случай, # (за да се избегне страницата за скок).

Това е лесно да се получи съдържание с помощта JQuery.

(Посетени 10395 пъти, 1 посещения днес)

Може би се интересувате от:

Не, че аз очаквах. Горната конструкция за N Разделение блокове N-време за копиране и поставяне? Дайте пример за N блокове с различна и различен URL: "/your-script.php?parametr=1"?

А именно, трябва само JS (но си модифициран), който, когато "среща" тип строителство
...

Ще се скрие и да покаже съдържанието от /your-script.php?parametr=N

А именно, че само трябва JS (но си модифициран), който, когато "среща" тип дизайн Разделение ИД = »getContentA» един HREF = »/ си-script.php parametr = A» / а / DIV Разделение ИД = »getContentB» един? HREF = »/ си-script.php? parametr = B» / а / DIV
...
Разделение ИД = »getContentN» един HREF = »/ си-script.php? parametr = N» / а / DIV

Ще се скрие A / а както и такова от /your-script.php?parametr=N

и го завъртете до тогава, докато линията
$ ( «# Feeds») натоварване ( «страници / demo.html #areaa») .;
Аз не започне да работи
Най-накрая го имам:

И това е мое право, така че може свободно изтегляне на информация от контейнерите със същия идентификатор на същата страница.
Остава само да се научи да запомня информация при рестартирането на страницата, така че да не натиснете линка отново, така че този път аз просто не мога да си представя как да се приложи;)

Добре дошли!
Изчерпах моето търсене на правилния код. Може би можете да ми помогнете ...

Трябва ми само 2 неща:
1. Налице е примадона на страницата, за да се актуализира без да се рестартира след определен интервал от време, както и команди скрипт, т.е. има скрипт, който би трябвало да работи функцията за актуализация на divs.
2. Също така, информацията в тези диви трябва да се зареди чрез елементите на менюто, уж навигацията без да презареждате има шапки, долния и т.н.

Но едно нещо, което никога не съм kakraz и не може да се намери в divah информация трябва да се актуализира това, което е, че не е файл, за да се зареди не трябва да ... само самият диви се актуализират и всички ... Но когато в менюто, а след това диви могат да се зареждат от да подаде информация, но след това отново трябва да се актуализира автоматично, а сценарият на извикване на функция.

Моля, помогнете, ако можете. Аз с лопати един куп сайтове, но навсякъде само заредения файл ... ((((

Проблемът е, че се опитвате да разберете, а не да се опитват да пишете код. И мога да ви уверя, ако не се променя тактиката си, проблемът ще остане.

Благодаря, разбира се за отговора, но аз разчитах на реална практическа помощ.
Аз просто по-лесно на базата на готови примери за регулиране на кода, за да отговаря на нуждите ви, но в моя случай, на всички кодове на файлове на инквизитора и не успява да се адаптира моята задача към друга, както и тези кодове ...
И накрая, ако знаех как да пишат код, уверявам ви, че няма да ви помогне да си поговорим!
За съжаление, за да наруши.

Ако сте опитали да напиша нещо и ти нямаше да се случи. И въпросът е следният: Как се актуализира divs след интервала, както и помощта, щеше да е по-различно.
И ти се иска да пишете парче работи.

Каква е въпрос, това е отговорът.

Примерите не е необходимо да бъдат персонализирани. Примери за това са създадени, за да ги разбере.

Благодаря ви за пример. Но аз имам един позьор. Да предположим, че има два бутона. Всеки товар на съдържание от файл, който съдържа най-различни Java скриптове с слайдшоу. цялата първа слайдшоу работи при зареждането на страницата. Но когато качите втората не работи, а след това първият не работи. Усещане, като че скриптовете вътре натоварваща съдържание игнорирани, и издават само статично съдържание. Как да се реши проблема със сценария е качен на съдържанието?

Затова аз предложих, че това може да стане чрез добавяне на кода си с темата WP

Добър ден! Вторият ден се борят със задачата, а след това най-накрая с ваша помощ почти го реши :)
Аз трябваше да изберете под формата получава зареден скрипт PHP, извади от базата данни на съответните стойности. ... Но уловката е, че данните се зареждат под формата на само един ред (и трябва да бъде под формата на списък, а дори и че всеки елемент има различна стойност).
Изходният файл:
Този скрипт е зареден

Това е зареден:
ехо mysql_result ($ резултат $ й ", квартал");
И това е необходимо:
ехо "------ Nbsp". mysql_result ($ резултат $ й ", квартал") ». //(t.e., че опцията е бил там, а не на оригиналната страница)
Ако е уместно идентификатор изберете - нищо не работи ...
Ще бъда много благодарен за помощта :)

. $ ( ". Точка") клик (функция () $ (това) .removeClass ( "активно");
$ (Настоящото) .addClass ( "активно");
$ ( "# Статии ') натоварване ($ (това)) .;

Исках да направя така, че когато кликнете, страницата се зарежда в същия прозорец, и те се зареждат само в нов прозорец.
Това, което направих е наред?

Това означава, че когато кликнете Имам Разделение изчезне (както е планирано) и отново се появява, когато тя е нещо като превключване между режими.

Така че, когато добавите ИД = »getContent», това, което е отговорно за зареждане на данни в DIV, нищо не работи. И обратното. Как да го направя, че в същото време те могат да работят?

Ето една функция надолу

функционира надолу ()
Var OBJ = document.getElementById ( "режим");
ако (obj.style.display == "блок")
obj.style.display = "никой";
още
obj.style.display = "блок";
>

функционира down5 ()
Var OBJ = document.getElementById ( "режим");
ако (obj.style.display == "блок")
obj.style.display = "никой";
още
obj.style.display = "блок";
>

$ (Документ) .ready (функция () $ ( "# getContent") клик (функция () $ .ajax (URL :. «Load.php»,
кеша: фалшиви,
beforeSend: функция () $ ( "# divContent") HTML ( "Чакай малко. ');
>
успех: функция (HTML) $ ( «# divContent») HTML (HTML) ;.
>
>);
върнете невярна;
>);
>);

Това означава, че когато кликнете имам скрит Разделение и съдържание зарежда в другата. Но заедно те не искат да работят! Натискането трябва да получи обратно на първия и Разделение кожата (никой не може да просто да се покаже, че вече не е да ходя никъде) в секунда. Как мога да ги комбинирате, моля да ми кажете.

Питай на въпроса ми, че аз попитах по-горе.

Ако премахнете код, който се зарежда от съдържанието в една и съща страница, okryvat на страницата, само това, разбира се в нов прозорец, а не в една и съща.

Всички трябва да работят, сложи Firebug или Opera разполага с водно конче. Вероятно имате грешен URL адрес за тази страница, опитайте с изключване на JavaScript и да се провери дали всички връзки работят.
Имайте предвид, че в напречното източник JavaScript забранени искания и няма да бъде в състояние да се зареди.

Както написах, без да си Java Script, всички връзки работят като dolzhny.No само в нов прозорец, в действителност, тъй като трябва да бъде).
Не разбирам.
В операта, тя работи, включени веднъж AllowFileXMLHttpRequest.

И тук е това, което Chrome

XMLHttpRequest не може да се зареди

Произход нула не е позволено от Access-Control-Allow-произход.

Добър ден, се вижда от тук, че имате въпрос, подобен на моя, но не намери отговора ...
Аякс зарежда таблицата на страниците, която генерира PHP:
$ (Документ) .ready (функция () $ .ajax (URL: «mkr8.php»,
кеша: фалшиви,
Типът данни: «HTML»,
успех: функция (AAA) $ ( «# маси») HTML (ааа) ;.
>
>);
>);

всички заредени, но останалата част от скриптовете са на страницата (погрешно броя от които са в една и съща $ (документа) .ready). Тя не работи за podgruzhenny kontententa. Благодаря предварително.

Трябва да се зареди скриптове предварително. И за да podgruzhenny елементи достъпни чрез .live

Сложих този код на нас WordPress, при натискане изскача заредени съдържание, но нищо не се случва. Аз се опитвам да се свърже статична страница WordPress

Вижте кои изкачва грешки. УърдПрес е свързан JQuery.

Тук можете да видите тематични албуми.

правя
ФОРМАТ ( "% S», $ myrow3 [ «заглавието»]);
>
докато ($ myrow3 = mysql_fetch_array ($ result3));

$ (Документ) .ready (функция () $ ( "# getContent") клик (функция () $ .ajax (URL :. «/content.php»,
кеша: фалшиви,
beforeSend: функция () $ ( "# divContent") HTML ( ". Вземете съдържанието");
>
успех: функция (HTML) $ ( «# divContent») HTML (HTML) ;.
>
>);
върнете невярна;
>);
>);

а именно списък на мини-изображения (Галерия).

Помогнете, моля ви. Благодаря предварително за търпението и съвети. Прилагам част от кода -

правя
ФОРМАТ ( "% S», $ myrow3 [ «заглавието»]);
>
докато ($ myrow3 = mysql_fetch_array ($ result3));

Съжаляваме, рафиниране - в content.php файл I съдържа искане към базата данни за изтегляне от мини-снимките на изображения от масата с изграждането на списък с миниатюри. Как да направите работата на скрипта?

Благодаря ви отново.

Добре дошли! Благодаря ви за сценария.
Но да ми помогне, моля, с друга задача, са както следва:
Вие сте разбрали съдържание качване в Разделение на кликване.
Но аз трябва не само да кликнете, но също така и мишката, има различия в стила на дребна монета, т.е. когато задържите съдържанието се подстригва и се появява, когато щракнете превъртане надясно.