Съдържанието се зарежда без да презаредите страницата с помощта на Аякс и PHP

Съдържанието се зарежда без да презаредите страницата с помощта на Ajax и PHP

демонстрация
изтегляне

1 Създаване на рамка за съдържание.

Блокът с картината.
Блок имот с ясно: и двете, служи за отмяна на потока, е необходимо да се добавят снимки основната монтаж разтеглени

2 Създаване на бутон с натискане на който ще се зареди изображението.

Стилове за бутоните

Резултатът трябва да изглежда така:

3 JQuery код, за да качвате снимки

Първо трябва да се свържете с JQuery плъгин, можете да го изтеглите от тук. Поставете го на вашия сайт, и се свържете със страницата. Без този плъгин JQuery код няма да работи!

JQuery Изтеглянето на образа код

Код, за да спестите от маркерите на страниците си или да добавите да отделен JS файл.

След като кликнете върху бутона с номер съдържание натоварването ще бъде изпратено искане до процесора и ще бъдат изпратени до данните, които въвеждате в данните. В този случай, водачът ще бъде изпратен в които броят на манипулатор страница ще определи кой образ искате да изпратите обратно, така че да не се показва един и същи образи. В Посочете URL адреса манипулатор. Успехът води манипулатор отговор с помощта на променливи данни да правите снимки, които ще ни изпратят на манипулатор и проверете дали променливата на данни е нула, това означава, че на снимката отново, и ако тя не е нула след това изображението, което искате да покажете. Посочете appendTo - Добавяне на това средство за. Посочете което ще добави и ще добави към нашата основна единица # блок-съдържание.

По подразбиране, променливата е посочена страница 1, е броят на страница по подразбиране. Page ++ - За всяко кликване на бутона в стойността на променливата ще се увеличи с един Една единица, и по този начин ще се увеличи броя на страниците.

5 процесор

Създаване на PHP файл и го поставете Следващият специален код, това ще бъде PHP файлове и манипулатор, го наричат load_images.php или нещо по своя и го поставете в корена на обекта, или в отделна папка.