Как решить проблему с цикличным AJAX запросом при вводе в поле input?

Question

[DollarEuro]

html:

<input id="name" type="text">
<p id="respond"></p>

jquery код:

$(document).ready(function() {
   $('#name').keyup(function() {
   var name = $(this).val();
   	 $.ajax({
      	  	type: 'post',
		data: "key=" + name,
       		url: '/ajax.php',
        	dataType: 'json',
        	success: function(data)
		{
	   	    var temp = data.text;
     		    $('#respond').text(temp);
       		}   
   	}); 
 }).keyup();
});

Когда вводится символ в поле input он отправляется как ключ в базу забирает оттуда ответ в виде текстовой строки. Например: написали символ "п", получили "привет".

Проблема в том, что когда вводится 2ой и далее символ, значение не прибавляется к текущему, а переписывается заново. Получается так:
Вводишь:
в #name : "п"
в #respond: "привет"
Затем второй символ:
в #name : "па"
Получаем:
в #respond: "алексей"

а нужно так:
в #name : "па"
в #respond: "привет алексей"

Comments

[DollarEuro]

Пробовал вот так:
$(document).ready(function() {
$('#name').keyup(function() {
var name = $(this).val();
$('#respond').text(name);
}).keyup();
});
функция работает. символы добавляются при введении.

Но если пропускаю через ajax:
$(document).ready(function() {
$('#name').keyup(function() {
var name = $(this).val();
$.ajax({
type: 'post',
data: "key=" + name,
url: '/ajax.php',
dataType: 'json',
success: function(data)
{
var temp = data.text;
}
});
$('#respond').text(temp);
}).keyup();
});

Не получается, потому что переменная temp является локальной в ajax запросе и никак использовать ее не получается!

Answer 1

[Yakov Vylegzhanin]

Попробуй keyup заменить на onchange.

Comments

[DollarEuro]

к сожалению, не подходит. нужно, чтобы изменения были сразу после введения символа в поле, а не после перехода к другому элементу, как при onchange.

Answer 2

[veitmen]

$('#respond').text($('#respond').text() + ' ' + temp);

Comments

[DollarEuro]

спасибо большое, хоть какой-то сдвиг с места!
но не совсем корректно работает:
1) когда поле пустое, выводит значение "undefined"
2) при удалении символа отправляется новый запрос базу и вместо удаления значения в текстовом поле, добавляется еще одно.

[veitmen]

DollarEuro: Ну сделайте проверку на undefined. Сделайте проверку на то, удалили символ или добавили.

[DollarEuro]

veitmen: Не совсем понимаю, как это можно здесь сделать