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