AJAX на jQuery
   
ГЛАВНАЯ ОБО МНЕ СТАТЬИ ТВОРЧЕСТВО КНИГИ КОНТАКТЫ

AJAX на jQuery

AJAX на jQuery Эту статью решил поместить в раздел JavaScript, а не в раздел программирование, так как ajax на jquery - это в общем-то по большому счету и есть javascript. Давайте сначала разберемся, что же такое ajax. Ajax - это связка языков, которая позволяет сделать запрос на сервер и получить от него ответ, не перезагружая страницу в браузере. Таким образом ajax является удобным и незаменимым инструментом при разработке действительно удобных web интерфейсов. Применять его можно в очень широком спектре назначений. Давайте сразу к коду. Надеюсь, если вы решили почитать настоящую статью, то уже умеете подключать хотя бы библиотеку jquery на страницу сайта. Кстати да, еще один момент, почему ajax на jquery, а не просто чистый ajax - потому что код занимает меньше места, более читабельный и более удобный. Только по этим причинам.

После того, как вы подключили jquery, давайте создадим текстовое поле для ввода данных и текстовый блок SPAN.

Пусть это будет так:




При клике на кнопку будет вызываться функция go_ajax, с помощью которой мы передадим данные из текстового поля на сервер, там что-нибудь с ними сделаем и выдадим ответ.
Создаем в теле HEAD функцию go_ajax:
function go_ajax(){
var mytxt = document.test.test_text.value;
$.ajax({
type: "POST", // метод POST
data:
{
"mytxt": mytxt // передача mytxt
},
dataType: "html", // формат
url: "get_ajax.php", // url обработчика
success: function(data)
{
var str = data;
document.getElementById("test-ajax").innerHTML = str;
// выводим результат
}
}); // end ajax
}

Эта функция отправляет методом POST данные из текстового поля на сервер и слушает от него ответ, после получения ответ выводится без перезагрузки страницы.

Код обработчика может быть например таким:
$mytxt = trim(strp_tags($_POST["mytxt"]));
$fil = File("bd.dat");
// в bd.dat хранятся все логины например login1^login2^login3
$ex = explode("^",$fil[0]);
// забираем все логины в массив
foreach ($ex as $login)
{
if ($login == $mytxt) $fl = 1;
// если логин найден, выставляем флагу единицу
}
// дальше выводим ответ
if ($fl==1) echo("Логин найден"); else echo("Логин не найден");

На странице в поле с id=test_text выведется этот результат. Как видите все очень просто.


Подписаться на новые статьи Подписаться на новые статьи

  Оставьте комментарий!
  Похожие статьи
Возможности системы записи Clon
Возможности системы записи Clon
Возможности системы записи Clon
Все о цифровых мини АТС и телефонии
Все о цифровых мини АТС и телефонии
Все о цифровых мини АТС и телефонии
Обзор инструментов Bing
Обзор инструментов Bing
Обзор инструментов Bing
Cистемы размещения контекстной рекламы
Cистемы размещения контекстной рекламы
Cистемы размещения контекстной рекламы
Культура
Книги и Литература
Интернет
Финансы
Спорт
Туризм
Товары
История
Мистика
Отношения
Семья
Ремонт
Игры
Мода
Медицина
Кулинария
Государство
Авто
Увлечения
Психология
Дизайн
Разное
Наука
Образование
ПнВтСрЧтПтСбВс
Может заинтересовать
Зимний сад на балконе - как это?
Как купить квартиру в новостройке и не прогадать?
Удивительные Кундюмы
Как сделать потолки из панелей пвх
Статистика

Индекс цитирования


© gfom.ru, Глеб Фомин, Культура, Искусство, Философия, 2019