Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > AJAX отправка-прием сообщения по буквам

Автор: Zmiuko 5.6.2009, 11:38

Ребят, проблема.

Сам на ajax недавно.

Как посредством jquery сделать отправку печатаемого сообщения php скрипту по буквам которые пользователь вводит.

Смысл таков: пользователь печатает фразу, по мере заполнения (как в поиске гугла) каждая из вводимых буков отсылается php-скрипту, нажатие enter либо submit отдает тому же php параметр (допустим дату+введенное имя пользователя), т.е. дает понять, что данная фраза закончена (но это уже php).

Извиняюсь за невежество - меня из php-форума к вам пнули. Зарание благодарен. smile

Учебников много, гуглить умею, хотелось бы небольшой пример, поскольку сам полгода буду страдать.

Автор: Zmiuko 5.6.2009, 13:14

Пардон, не объяснил как надо:

скрипт по такому типу

в форму ставим курсор, содержимое формы пусто - не шлем
пишем П - шлем П
пишем р - в форме то есть Пр - шлем Пр
пишем е - в форме Пре - шлем Пре
стираем е - в форме Пр - шлем Пр
пишем и - При - шлем При
пишем в - шлем Прив
пишем е - Приве
пишем т - Привет

нажимаем enter или submit - шлем data=1245687489 - то есть дату в секундах на момент нажатия submit

вот.

Автор: bars80080 5.6.2009, 13:55

событие на поле <input onkeyup="handler(this);" ...

где

Код


function handler(x) {
    var txt = x.value;
    if(txt === '') return;
    ajax_method(txt);
}

где ajax_method - это уже чистый аякс

Автор: bazzjr 5.6.2009, 14:23

Все очень просто, как писал выше ksnk нужно повесить на поле ввода обработчик событий onKeyUp

примерно выглядит так:
<textarea name="message" id="message" rows="12" cols="34" onkeyup="check();"></textarea>
<input type="button" name="go_message" id="go_message" value=" Отправить " onClick="javascript:formGo();" />

функция check() должна быть примерно такого содержания:

function check(){
var str = document.getElementById('message').value;
ну а тут дальше функция посыла данных, если их нужно обрабатывать как то.
}

function formGo(){
var data = new Date();
alert(data);
return data.getDate();
}

в таком духе...

Уже ответил в ПХП разделе...

Автор: Zmiuko 6.6.2009, 06:04

Написал следущее:

Код


<html><head>

<script src="jquery.js"></script>

<script>
    function strdr(){
        var m;
        m = document.all.forma.value;
        if(m === '') return;
        if(m.length>=1)alert(document.all.forma.value);
}
</script>

</head><body onkeyup="strdr();">
<textarea id="forma"></textarea>

</body></html>

Подскажите как вот с jquery переменную document.all.forma.value или она же m отправить. То есть грамотно оформить jquery отправку сценарию посредством POST без перезагрузки страницы?

Автор: Zmiuko 24.9.2009, 03:15

Эхх... Пардон за возможно-флуд. Прост полгода как, а кроссбраузерность хромает :(

то работает, а то - нет :(