2012-03-30 3 views
0

У меня есть два текстовых поля A, B: я хочу что-то делать, когда я ввожу что-то в текстовое поле A, это значение будет использовать его в некоторых действиях, и результат будет отображаться в текстовом поле B, не нажимая кнопку отправки с помощью ajax. как я могу это сделать? обратите внимание, что я использую struts2Как изменить значение текстового поля + jQuery + Struts2

+0

результата в б вы нужны некоторые сервера результата –

+0

@YassineGeom: Убедитесь, что вы мечения S2 вопроса с Struts2 тегом, чтобы получить больше информации. –

ответ

0

Это должно быть легко. Предположим, что у вас есть действие, которое принимает значение в виде строки и возвращает некоторую строку назад, доступно на URL-адресе '/ app/service'.

Вы можете создать такой код, что:

$(function() { 

    $('#text_1').on('keyup', function() { 

    var value = $(this).val(); 
    $.post('/app/service', JSON.stringify(value), function (r) { 
     $('text_1').text(r); 
    }); 

    }); 

}); 
+0

- это код javascript? – YassineGeom

+0

@YassineGeom: Да, код JQuery более чистый и прост в использовании, чем простой javascript –

+0

ok, тогда мое действие должно вернуть объект json прямо? – YassineGeom

1

Большая часть информации уже была предоставлена ​​@alexanderb и я считаю, что Jquery это хороший путь, теперь давайте перейдем ко второй половине вашего вопрос об использовании AJAX в вашем коде. есть несколько способов отправить результаты из вашего класса действий.

  1. Верните JSON из своего класса действий и используйте код выше.
  2. Используйте тип результата потока в коде S2 и поместите данные в текстовое поле.

Тем не менее я считаю, JSON с Jquery это хороший путь, который не только предоставляет Вам возможность легко расширять функциональные возможности в будущем, но и обеспечивают чистый way.Struts2 предоставляет плагин, который может конвертировать данные будучи отправляемое с класс действий в формате JSON и все, что вам останется разобрать данные JSON в вашем пользовательском интерфейсе, чтобы заполнить текстовый box.For подробно описано, как работать с JSON в s2 относятся к JSON плагин для деталей

С плагином JSON y наш поток будет

  • Вызовите свой класс Action на конкретное событие в текстовом поле.
  • Настройте свое действие, чтобы вернуть данные JSON с помощью плагина S2-JSon.
  • Действие вернет JSON в код JQuery.
  • разбирает данные JSON и заполнить текстовое поле со значением
Смежные вопросы