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 выведется этот результат. Как видите все очень просто.


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

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

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


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