0

Нужно сделать проверку "не занят ли email". Подскажите, пожалуйста, как реализовать функцию, которая с помощью ajax проверяла, свободен ли адрес, и возвращала бы значение(true/false)

5
  • В смысле „не занят“? Вы имеете ввиду, нет ли уже такого в вашей базе данных? В любом случае: xmlhttprequest.ru. 6 фев 2013 в 19:27
  • Да, это я и имею ввиду.
    – sinedsem
    6 фев 2013 в 19:27
  • Я знаю, как пользоваться ajax'ом. У меня такая же проблема, как описана вот здесь forum.vingrad.ru/topic-301525.html Только здесь всё объяснения заканчивается на словах используйте callback, а как его использовать в этой ситуации, я не понимаю.
    – sinedsem
    6 фев 2013 в 19:29
  • Тут где-то уже было подобное. Решение (если хотите ajax) -- выполнять запрос не асинхронный, а синхронные (правда браузер при этом запросе будет подвисать)
    – alexlz
    7 фев 2013 в 8:47
  • > Подскажите, пожалуйста, как реализовать функцию, которая с помощью ajax проверяла... > Я знаю, как пользоваться ajax'ом. Тогда вообще непонятно о чем вопрос. Приведите код, к-й у Вас есть и укажите в каком конкретно месте и что не получается.
    – KerLeada
    7 фев 2013 в 9:14

2 ответа 2

1

Насколько я понял, вопрос в том, как послать запрос на проверку серверу и обработать ответ. Пожалуй, правильнее всего было бы найти готовое решение под JQuery или другой фрейворк, наверняка есть модули, но принцип скорее всего там такой же:

<script>
    function ajax(query, callback) {
        var xhr = new XMLHttpRequest();
        xhr.open('GET', 'http://example.com/' + query);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) callback(xhr.responceText);
        };
        xhr.send(null);
    }

    function check() {
        var email = document.querySelector('input#email').value;
        ajax('?emailToCheck=' + email, function(response) {
            if (response == 'correct') alert('Email is correct');
            else alert('Email is busy');
        });
    }
</script>
<input type="text" id="email" onblur="check()">

При потере полем ввода фокуса выполняется функция check, которая выполняет функцию ajax со строкой запроса и колбэком в качестве параметров. Когда приходит ответ, колбэк выполняется с текстом ответа в качестве параметра, тут просто делает alert, а можно например изменить цвет текста в инпуте на красный или крестик рядом нарисовать.

2
  • Не понимаю в данном примере преимущества GET перед POST. Объясните?
    – mccrush
    7 фев 2013 в 6:19
  • А где вы увидели что написано о преимуществе, просто пример
    – KerLeada
    7 фев 2013 в 9:15
0

уперлись вы в этот callback, да не надо так париться, вообще callback нужно использовать в отдельно взятых случаях, а проверку email делать через php+mysql, если есть такой ящик, возвращаем 1, если нету 0, в ajax достаточно использовать success под это дело, вы главное разберитесь с ajax-запросами.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.