На сьогоднішній день технологія програмування Ajax набула широкого розповсюдження для написання сценаріїв, веб-інтерфейсів, тобто для встановлення взаємозв’язку між клієнтом та сервером, між браузером та користувачем. Важливу роль для розповсюдження технології програмування Ajax має бібліотека JavaScript Jquery, котра дозволяє з легкістю відправляти запити до будь-якого серверного скрипта чи статичної сторінки.

Створення Ajax запитів за допомогою Jquery.

Для створення Ajax запиту потрібно в головній сторінці підключити бібліотеку Jquery, а після цього написати неважкий код:

function start(){
$.ajax({
type: ‘POST’,
url: ‘test.php’,
data:{’name’:'привіт’},
dataType: ‘json’,
success: function(data){ alert(’success:’ + data.name); },
error: function(data){ alert(’error:’ + data.name); }
});
}

Даний код і реалізовує обмін даними між клієнтом та сервером. Якщо на якусь кнопку наципити функцію OnClick(”start() “), то виконається Ajax запит до серверного скрипта test.php. Якщо серверний скрипт має такий код:

<?php

echo(”{’name’:'”.$_POST['name'].”‘}”);

?>

то у відповідь при натисненні на кнопку ми отримаємо відповідь: “привіт”.

В даному прикладі дані від клієнта до сервера і від сервера до клієнта передаються у форматі json. Даний формат передбачає реалізацію об’єктно-оріентованого програмування.

Ну про сам формат буде іти мова в наступних статтях, але щоб ви не засмучувалися можна не використовувати цей формат а писати так:

function start(){
$.ajax({
type: ‘POST’,
url: ‘test.php’,
data:{’name’:'привіт’},
success: function(data){ alert(’success:’ + data); },
error: function(data){ alert(’error:’ + data); }
});
}

В такому разі відповідь надійде у звичайному текстовому форматі.

Щасти вам.