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


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

  Оставьте комментарий!
  Похожие статьи
meta description
meta description
Как правильно заполнять meta description. Особенности и полезные рекомендации.........
meta name
meta name
Какие бывают теги meta name........................
Всплывающая подсказка
Всплывающая подсказка
Как сделать красивую всплывающую подсказку на сайте без использований таких техн......
Программирование
Сео продвижение
Интернет
Компьютеры
Сайты
Оптимизация
Поисковики
Электронная коммерция
HTML, JavaScript

ПнВтСрЧтПтСбВс
Может заинтересовать
sarvs.ru
Как посчитать цену за размещение баннера на сайте
Как могут быть полезны соц. сети
Статистика

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


© https://igmarkov.ru, Игорь Марков, Программирование, Интернет, SEO, Компьютеры, 2018