Як послати post-запит, використовуючи технологію ajax
У даній інструкції я напишу, як послати POST-запит за допомогою технології AJAX. Використовувати POST-запит необхідно, коли потрібно передати сервера досить великий обсяг даних (в силу обмежень специфікації неможливо передати, скажімо, 10 кілобайт через один GET-запит).
Інструкція
Що вам знадобиться:
- Блокнот або будь-який інший текстовий редактор
- Хостинг або домашній віртуальних хостинг (Apache, наприклад)
1 крок
Створюємо скрипт, який буде обробляти запит (файл "ajax.php"). Даний файл поверне об'єкт, який буде містити параметр "res" з значенням "ok" або "error" - вірність даних. У випадку помилки також буде переданий параметр "msg" - повідомлення для видачі користувачеві (через "alert"), у випадку удачі - "x1" і "x2" - передані дані і подвоєні передані дані.
lt;? php
if ($POST['Q'] == '') die ('{"res": "error", "msg": "Не прийшло ніяких даних!"}') -
echo '{"res": "ok", "x1": "'. $POST['Q']. '"," X2 ":"'. $POST['Q']. $POST['Q']. '"}' -
?>
2 крок
Потім в тій же папці створюємо файл "main.php". У цьому файлі повинна бути деяка форма, що дозволяє ввести дані в текстове поле і кнопку "Відправити" для відправки даних. В кінці тіла (блок "BODY") Повинен бути блок"SCRIPT", Приєднує скрипт, що обробляє події форми і результат AJAX-запиту. Отже, файл "main.php":
Введіть дані:
Результат:
x1:
x2:
3 крок
Тепер файл "script.js":
function SendPOST ()
{
var data = document.getElementById ('data'). value-
ajaxSendPOST ('ajax.php', 'q =' + encodeURI (data), SendCallback) -
}
/ *
Параметр data - передані дані, формат:
data = 'var1 =' encodeURI (var2) -
* /
function ajaxSendPOST (xmlpage, data, callback)
{
var xmlh = null-
if (window.XMLHttpRequest)
xmlh = new XMLHttpRequest () -
else
try
{Xmlh = new ActiveXObject ('Msxml2.XMLHTTP') -}
catch (ex) {xmlh = new ActiveXObject ('Microsoft.XMLHTTP') -}
if (xmlh)
{
xmlh.open ('post', xmlpage, true) -
xmlh.onreadystatechange = function (x) {if (xmlh.readyState == 4) callback (xmlh.responseText) -}
xmlh.setRequestHeader ("Accept-Charset", "windows-1251") -
xmlh.setRequestHeader ("Accept-Language", "ru, en") -
xmlh.setRequestHeader ("Connection", "close") -
xmlh.setRequestHeader ("Content-length", data.length) - // Довжина даних, що відправляються
xmlh.setRequestHeader ("Content-type", "application / x-www-form-urlencoded") -
xmlh.send (data) - // Саме тут відправляються дані
}
}
4 крок
А ось і результат (див. Зображення).
Поради та попередження:
- Можуть бути проблеми з передачею даних російською мовою. Але ви можете знайти в інтернеті код функції "utf8_win" і використовувати її так: $ _POST ['q'] = utf8_win ($ _ POST ['q']);
Як користуватися Серевер https://cybersecurity.ru/ Хочете зробити свій сайт більш "живим", поставивши в нього блок ексклюзивних новин? Вам сюди Інструкція за запитомІнструкціяРівень складності: Нескладно1 крокДля початку невелике знайомство з сервером CyberSecurity. Ось цитата з сайту: "... На…
Як показати список записів з таблиці бази даних (php) ..? Так як мало хто користується плоскими файлами щоб зберігати інформацію на сервері, дуже часто потрібно отримати інформацію з бази даних MySQL. Про те, як це робити, і написана ця стаття.ІнструкціяРівень складності: НескладноЩо вам…
Як зробити портативний skype Щоб завжди мати програму Skype під рукою, можна зробити і потім розмістити на флешці її портативну версію. Після цього користуватися Skype можна буде на будь-якому комп'ютері, що має порт USB і вихід в Інтернет. Крім самої програми, під рукою завжди…
Як написати просту авторизацію на php Ми будемо писати просту авторизацію на PHP, яка не вимагає базу даних MySQL. Для чого може знадобиться скрипт авторизації? Скрипт авторизації потрібен для обмеження доступу на окрему web-сторінку, або навіть на весь ваш сайт. Плюсом скрипта є те що…
Як користуватися jquery? JQuery - чудова бібліотека javascript, яка робить програмування з javascript ще легше. У цій інструкції я розповім як користуватися цією бібліотекою і покажу кілька прикладів використання JQuery.ІнструкціяРівень складності: Нескладно1…
Як перевірити, чи підтримує даний браузер ajax ..? Перед тим, як виконувати будь-які дії за допомогою AXAJ технології, необхідно перевірити, чи підтримує даний браузер цю технологію. Подібна інструкція вже дана тут: https://yakszrobiti.ru/recipes/754-kak-proverit-est-li-na-sayte-ajax. По моєму, ця…
Як відзначити всіх друзів на фото вконтакте? Буває, що треба відзначити всіх своїх друзів на фото, а друзів то багато)) ось і доводиться робити це ... мудленно і клопітно. Знаючи відповідь на питання "Як відзначити всіх друзів на фото ВКонтакте" ви зможете зробити це за кілька…
Як в opera в експрес-панелі змінити зображення сайтів для швидкого доступу? Ймовірно, якщо Ви є користувачем чудового браузера Opera, то ніяк не обходиться без такої речі, як Експрес-панель? Вірно, адже вона зручна і практична. Але, напевно, вам коли-небудь, та набридали ці нудні прев'юшки сайтів в маленьких віконцях. У цій…
Як організувати dragdrop в javascript DragDrop - методика, що припускає перетягування об'єктів мишею. Наприклад, перенесення файлу в корзину, або з однієї папки в іншу. Ця інструкція пояснить, як організувати на сторінці сайту найпростіший DragDrop, використовуючи…
Як написати свій чат на php З появою Jabber- і ICQ-протоколів Чати вийшли з моди, але не вимерли. Найпростіший чат Ви легко зможете написати для свого сайту.ІнструкціяРівень складності: НескладноЩо вам знадобиться:Базові знання PHP і HTMLХостинг з підтримкою PHP + MySQL1 крок…
Як послати get-запит, використовуючи технологію ajax ..? Часто буває потрібно послати на сервер або прийняти якісь дані на сторінку. Але в багатьох випадках перезавантаження сторінки небажана, оскільки може виглядати непривабливо, займати невиправдано багато часу, або з інших причин. Приклад тому -…
Як створити файл .htpasswd Файл для захисту сайту! Необхідний при створенні сайту!ІнструкціяРівень складності: Нескладно1 крокЗавантажити утиліту для створення файлу ".htpasswd" звідси - https://depositfiles.com/files/1n862jk2u2 крокНатискаємо "Пуск> Виконати".3 крокВ…
Як підключити до php сайту кілька баз даних mysql.made in bosvel На безкоштовних хостингах іноді не вистачає місця для БД MySQL, тому мій метод допоможе вам вирішити цю проблему.ІнструкціяРівень складності: Легко1 крокОтже почнемо. Якщо у вас є сайт, і якщо ви розбираєтеся в PHP і MySQL то вам відомо що до тега…
Чим відкрити odt формат Файл у форматі .odt являє собою текстовий файл, створений в програмі по типу OpenOffice або StarOffice. Абревіатура ODT розшифровується як Open Document Format (Відкритий формат документів). Його використовують для того, щоб зберігати і обмінюватися…
Як знайти папку application data Іноді у користувачів комп'ютером виникають питання з приводу того, що вони не можуть знайти ту чи іншу інформацію, яка їм необхідна. Так, наприклад, дуже часто багато хто не знає, як знайти папку Application Data, адже вона є прихованої системної…
Як розблокувати планшет? У багатьох користувачів планшетів на Android виникає проблема з розблокуванням планшета. Забувши графічний код планшета, власники пристрою в паніці починають шукати рішення питання і нерідко перетворюють свій пристрій в «цеглина». Розблокування…