Като най-популярният език за разработка на уеб приложения е PHP. Днес ние ще се използва AJAX и PHP пакет. Един пример ще бъде добра за разбирането на основните принципи на работа с AJAX и PHP.
В действителност, всички трудности, не трябва да бъде, последователността от действия:
Накратко за JQuery и AJAX
Аякс позволява без презареждане на страницата, за да комуникира с уеб сървъра и да актуализира съдържанието му.
Аз съм склонен да мисля, че ако има инструмент, който ви позволява да се ускори развитието без последствия, защо да не го използвам? Но чисто JS също не би навредило да се знае (макар че моето ниво лична собственост, равна на нивото на JS kopipasta примери от Stackoverflow 🙂).
Ще ни трябват три прост файл е:
- Страница с форма
- PHP манипулатор
- JS файл
index.html
Обикновен HTML страница с форма. Обърнете внимание на enctype = "съставното / формата-данни". че е необходимо да прехвърляте файлове, параметър показва метод за криптиране на данните. Ако прехвърляте файлове, стойността трябва да бъде винаги многопластови / форм-данни.
handler.php
Това е много опростена манипулатор. Името на изображението Аз генерирани с помощта на функцията за сегментиране. Добра практика е да се променят имената на файловете при изтегляне на сървъра.
ajaxupload.js
printMessage функция е предназначена да покаже информация за успешен или неуспешен опит за изтегляне на файл. Детайли не виждат, не е нищо особено.
Задържането форма и нейното лечение. С кликване върху бутона "Изпращане" събитие ще бъдат прихванати от сценария и използване .preventDefault () функция не изпраща данни за формуляри в index.html. preventDefault () повикване се използва, за да отмените всички случаи.
Обект FormData ние трябва да се създаде заявка за POST в нашия скрипт, то е много по-лесно, отколкото да се впише всяка форма елемент в низ. Ние се създаде обект, изпълнен с данни, изпратени в нашия Аякс.
Ами, всъщност той Аякс поискване. Тъй като ние използваме JQuery библиотеката. подготви и изпълни такова искане няма да ви причини някакви проблеми.
Приятен ден и успех 🙂
Свързани статии