Простой пример реализации вторичной связи AJAX в Spring MVC

Сегодня я столкнулся с вторичной связью при написании проекта. В течение этого периода я столкнулся с некоторыми проблемами. Я написал блог, чтобы записать его.

Контроллер за кулисами:

 @Requestmapping ("/bunlyType")@responsebodypublic map <string, object> bullype (int id, httpservletrequest) throws ioexception {string returnmessage = ""; // Получить все типы ошибок подкласса <bullype> faulist = bullypeservice.getbyid (id); if (faulist.size ()> 0) {request.setattribut Hashmap <string, object> (); returnmap.put ("Childtype", Faulist); returnmap;}

Стойка регистрации JSP:

 <div> <div> <babel> Тип неисправности: </label> <select name = "bullype" id = "bullype" onchange = "javascript: typechange ()"> <c: foreach elect } </option> </c: foreach> </select> </div> <div> <babel> ошибка: </label> <input id = "ChildtyPecont" name = "kildtypecont" value = "" type = "hidden" Placeholder = "Fairl"> <select name = "bullype1" id = "bulltype1"> <plaint> items = "$ {Childtype}" var = "faulist"> <vitue value = "$ {faulist.faultId}"> $ {faulist.faultContent} </option> </c: foreach> </selet> </select> </div>

JS:

 function typeChange () {var type = $ ("#bulltype"). val (); var html = "<опция>-пожалуйста, выберите-</option>"; var CommitureUrl = "bulltype.do?id=" + type; $. Ajax ({type: «post», contentType: "Application/json", url: commiturl, datatype: 'json', успех: function (result) {var curedata = $. i = 0; i <curedata.childtype.length; i ++) {html+= "<опция value = '"+curedata.childtype [i] .faultid+"'> "+curedata.childtype [i] .faultcontent+" </option> ";} $ ("#bullype1 "). Empty (); $ (html) .appendto ("#bulltype1 ");}}});

Следующее написано кем -то еще (оригинальный адрес: http://blog.csdn.net/gis__/article/details/6647464)

Если у вас плохая память, вы можете добавить ее в закладки:

1. Потяните коробку:

 var cc1 = $ (". formCselect [@name = 'country'] опция [@selected]"). text (); // Получить текст выбранного элемента в раскрывающемся меню (обратите внимание, что в середине есть место) var cc2 = $ ('.. Formcelect [@name = "country"). val (); // Получить значение выбранного элемента в раскрывающемся меню var cc3 = $ ('. Formc select [@name = "country"]'). Attr ("id"); // Получить значение атрибута идентификатора выбранного элемента в раскрывающемся меню $ ("#select"). Empty (); // Очистить раскрывающуюся поле // $ ("#select"). Html ('); $ ("<OptionValueOptionValue = '1'> 1111 </option>"). AppendTo ("#select") // Добавить опцию раскрывающегося блока

Позвольте мне немного объяснить:

1. Выберите [@name = 'country'] опция [@selected] означает, что у него есть атрибут имени,

И элемент опции с выбранным атрибутом в элементе выбора со значением атрибута - «страна»;

Можно видеть, что наличие старта @ означает, что за этим следует атрибут.

2. Радиоснащение:

 $ ("input [@type = radio] [@checked]"). val (); // Получение значения выбранного элемента радиосвязи (обратите внимание, что в середине нет места) $ ("input [@type = radio] [@value = 2]"). Attr ("cherced", 'reted'); // Установите значение радиочастота = 2 в качестве выбранного состояния. (Обратите внимание, что в середине нет места)

3. Флажок:

 $ ("input [@type = fackbox] [@cherced]"). val (); // Получение значения первого элемента, выбранного в флажке $ ("input [@type = fackbox] [@checked]"). Каждый (function () {// Поскольку существует несколько флажков, вы можете зацикнуть оповещение о выходе ($ (this) .val ());}); $ ("#chk1"). attr ("cherced", ''); // не проверяйте $ ("#chk2"). Attr ("cherced", true); // tick if ($ ("#chk1"). Attr ('cherced') == undefined) {} ​​// Попробуйте, был ли он проверен

Конечно, селектор jQuery мощный. Есть много способов сделать это.

 <script src = "jquery-1.2.1.js" type = "text/javascript"> </script> <script language = "javascript" type = "text/javascript"> $ (document) .ready (function () {$ ("#selecttest"). Function () {// alert ("hello"); //Alert($("selecttest") Aattr("name "); опция [@selected] "). text ()); $ ("#selecttest "). attr (" value "," 2 ");});}); </script> <ahrefahref = "#"> aaass </a>

<!-выпадающая коробка->

1. <SELECT ID = "selectTest" name = "selectTest">

2. <OptionValueOptionValue = "1"> 11 </option>

3. <OptionValueOptionValue = "2"> 22 </option>

4. <OptionValueOptionValue = "3"> 33 </option>

5. <OptionValueOptionValue = "4"> 44 </option>

6. <OptionValueOptionValue = "5"> 55 </option>

7. <OptionValueOptionValue = "6"> 66 </option>

8. </select>

9.JqueryRadio принимает значение, флажок принимает значение, выберите «Выбрать значение», «Выбор радио», выбирается флажок, выбирает и связан с получением значений группы выбранных радио

10.var item = $ ('input [@name = items] [@cherced]'). Val ();

11. Получите текст выбранного элемента

12.var item = $ ("select [@name = items] опция [@selected]"). Text ();

13. Выберите в раскрывающемся поле есть второй элемент.

14. $ ('#select_id') [0]. SelectedIndex = 1;

15. Второй элемент радиостанции - это текущее выбранное значение

16. $ ('input [@name = ements]'). Get (1) .Checked = true;

17. Получите значение:

18. Текстовое поле, текстовая область: $ ("#txt"). Attr ("value");

19. Флажок с множественным выбором: $ ("#fackbox_id"). Attr ("value");

20.single-Choice Group Radio: $ ("input [@type = radio] [@checked]"). Val ();

21. Выбрать ящик выберите: $ ('#sel'). Val ();

22. Элементы управления:

23. Текстовое поле, Текстовая область: $ ("#txt"). Attr ("value", ''); // Очистить контент

24. $ ("#txt"). Attr ("value", '11'); // Заполнить контент

25. Флажок с несколькими флажками: $ ("#chk1"). Attr ("cherced", ''); // Не проверяйте

26. $ ("#chk2"). Attr ("cherced", true); // tick

27. if ($ ("#chk1"). Attr ('arced') == не определено) // Судите, был ли чек проверен

28. Радио Групповой радиосвязи: $ ("input [@@type = radio]"). Attr ("cherced", '2'); // Элемент с значением = 2 установлен в качестве в настоящее время выбранного элемента

29. ВЫБУЩЕСТВО ВЫБОР: $ ("#sel"). Attr ("value", '-sel3'); // Установить элемент с Value = -sel3 на выбранную в настоящее время элемент

30. $ ("<OptionValueOptionValue = '1'> 1111 </option> <optionValueOptionValue = '2'> 2222 </option>"). AppendTo ("#sel") // open

Добавить опцию раскрывающейся коробки

31. $ ("#sel"). Empty (); // очистить раскрывающуюся коробку

32. Получите значения набора выбранных радио

33.var item = $ ('input [@name = items] [@cherced]'). Val ();

34. Получите текст выбранного элемента

35.var item = $ ("select [@name = items] опция [@selected]"). Text ();

36. Выберите раскрывающуюся коробку, который имеет второй элемент выбранного в настоящее время значения

37. $ ('#select_id') [0]. SelectedIndex = 1;

38. Вторым элементом радиостанции является текущее выбранное значение

39. $ ('input [@name = ements]'). Get (1) .Checked = true;

40. Получите значение:

41. Текстовое поле, текстовая область: $ ("#txt"). Attr ("value");

42. Флажок с несколькими выборами: $ ("#fackbox_id"). Attr ("value");

43.

44. Выбрать раскрывающееся поле: $ ('#sel'). Val ();

45. Элементы управления:

46. ​​Текстовое поле, Текстовая область: $ ("#txt"). Attr ("value", ''); // Очистить контент

47. $ ("#txt"). Attr ("value", '11'); // Заполнить контент

48. Флажок с несколькими флажками: $ ("#CHK1"). ATTR ("cherced", ''); // Не проверяйте

49. $ ("#chk2"). Attr ("проверен", true); // tick

50.if ($ ("#chk1"). Attr ('arced') == не определено) // Судите, был ли чек проверен

51. Группа группы с выбором

52. ОБЛАСТЬ ВЫБОР ВНИМАНИЕ: $ ("#sel"). Attr ("value", '-sel3'); // Установите элемент с Value = -sel3 на выбранную в настоящее время элемент

53. $ ("<optionValueOptionValue = '1'> 1111 </option> <optionvalueOptionValue = '2'> 2222 </option>"). AppendTo ("#sel") // Добавить опцию выпадающего поле

54. $ ("#sel"). Empty (); // очистить раскрывающуюся коробку

Приведенный выше простой пример того, как Ajax достигает вторичной связи в Spring MVC - это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.