2015-02-22 3 views
-1

Я очень новичок в Ajax. В настоящее время я работаю над новым проектом. Для этого проекта одним из требований является заполнение второго раскрывающегося списка на основе ввода из первого раскрывающегося списка. Я использую Struts для этого. Я не хочу, чтобы страница обновлялась, поэтому мне нужно использовать Ajax для вызова второго раскрывающегося содержимого в бэкэнд и заполнения во втором раскрывающемся списке. Я не знаю, как писать код для этого.Выпадающее меню, основанное на другом выпадающем списке в jsp Struts

Что должно быть включено (баночки, метки) в проект моих штанов? Какие записи должны входить в мой JSP (я использую <html:select>)? Что придет в JavaScript? Что будет в классе действий (в классе действий я могу получить значения списка из БД на основе выбора из первого раскрывающегося списка)?

+0

Что вы попробовали? Вы когда-нибудь начали писать код? –

+0

Я пробовал сначала с суммирующей формой. но его сброс всех предыдущих значений. У меня около 45 полей. Очень сложно сохранить все значения в запросе. Поэтому я ищу Аякса. Я видел пару примеров. но я не смог сопоставить свой код с этими примерами. – srikanthpirate

ответ

1

Вместо ajax я использовал распорки только для этого. Я назначил все переменные для формирования значений при отправке формы.

0

Ответ на этот вопрос, вероятно, будет тезисом;) Я просто приведу вас сюда.

1] Используйте javascript framework, как jquery. Это поможет вам сделать AJAX звонки на ваш URL контроллера Проверить простой учебник по http://www.tutorialspoint.com/jquery/jquery-ajax.htm

2] Для контроллеров Lets есть два URLS отображенный:

  • urapp/poplateDropdown1 к контроллеру, который возвращает значения/целевой список Сначала ур упускает
  • urapp/poplateDropdown2 другому контроллеру (или методу внутри одного контроллера), который отвечает на запрос GET и получает параметр say name SEL_VALUE для выбранного значения.

3] onchange events. Имейте обмен или аналогичный, наиболее подходящий даже на вашем первом dropdoww. В вашем случае вызовите функцию js; как <select onchange=callDropDown2Controller(this.value) > в методе callDropDown2Controller():

//pseudo implementation 
callDropDown2Controller(var selectedValue){ 

// now generate an AJAX get request using jquery with the following url 
urlToCall = '/urapp/poplateDropdown2?SEL_VALUE=' + selectedValue 

} 

Остальное приятель и нужно сделать некоторые домашние задания и исследования.

+0

Я очень ценю вашу быструю помощь. Я постараюсь изо всех сил и дам вам знать. – srikanthpirate

Смежные вопросы