Как выполнить запрос на сервер при изменении значения input

При использовании jQuery это можно очень легко реализовать:

<input id="idIdentifier" name="idIdentifier" type="text" />

var changeTimer = false,
    timeout = 300,
    events = "change keyup",
    url = "<?php bloginfo('template_url'); ?>/add.php";
$("#idIdentifier").on(events, function () {
    if (changeTimer !== false) {
        clearTimeout(changeTimer);
    }
    changeTimer = setTimeout(function () {
            $.ajax({
                type: "POST",
                dataType: "JSON",
                url: url,
                data: {
                    you: data,
                    is: here
                },
                success: function (/*Anything*/ data, /*String*/ textStatus, /*jqXHR*/ jqXHR) {
                    console.info(
                        "data: %o, textStatus: %o, jqXHR: %o",
                        data,
                        textStatus,
                        jqXHR
                    );
                },
                error: funtion(/*jqXHR*/ jqXHR, /*String*/ textStatus, /*String*/ errorThrown) {
                    console.error(
                        "jqXHR: %o, textStatus: %o, errorThrown: %o",
                        jqXHR,
                        textStatus,
                        errorThrown
                    );
                }
            });
            changeTimer = false;
        }, timeout);
});

Скрипт подписывается на события change и keyup и при их наступлении проверяет прошло ли с последнего события время указанное в timeout (иначе мы бы отправляли запрос каждый раз при изменении содержимого), если указанное время прошло, то выполняется AJAX POST запрос по адресу, указанному в переменной url.

• в переменную events вы можете добавить необходимые события разделяя их пробелом;
• #idIdentifier - это селектор, который указывает на элемент с id="idIdentifier";

Ссылки по теме

• jQuery API
• jQuery API на русском

  Внимание! Описывает устаревшее API, но для знакомства с библиотекой подойдёт

• jQuery.ajax()