Ein einfaches Beispiel für die Implementierung einer sekundären Verknüpfung von AJAX in Spring MVC

Heute habe ich beim Schreiben eines Projekts eine sekundäre Verknüpfung gestoßen. In dieser Zeit habe ich einige Probleme gestoßen. Ich habe einen Blog geschrieben, um ihn aufzuzeichnen.

Backstage Controller:

 @RequestMapping ("/Fehlertyp")@responseBodypublic map <String, Object> Fehlertyp (int id, httpServletRequest -Anforderung) löst IOException aus {String returnMessage = ""; // alle Unterklassen -Fehlertypen für die Liste <fehlertyps> faulist = Fehlertype.getByid (id); if (faulist.size ()> 0) {request.setattribute ("childype", faulist); returnMessage = "ok";} else {returnMessage = "Informationen nicht gefunden"; HashMap <String, Object> (); returnmap.put ("Childype", Faulist); return returnMap;}

Rezeption JSP:

 <Div> <div> <Label> Fehlertyp: </label> <select name = "faultType" id = "faultType" onchange = "JavaScript: typeChange ()"> <c: foreach items = "$ {Fehlerliste}" var = "Faulist"> <Option Value = "$ {{{Faulist.faultist.fault}"> " }</option></c:forEach></select></div><div><label>Fault: </label><input id="childTypeCont" name="childTypeCont" value="" type="hidden" placeholder="fault"><select name="faulttype1" id="faulttype1""><option>--Please select--</option><c:forEach items = "$ {Childype}" var = "faulist"> <option value = "$ {faulist.faultid}"> $ {faulist.faultContent} </option> </c: Foreach> </select> </select> </div>

JS:

 Funktion typeChange () {var type = $ ("#Fehlertyp"). Val (); var html = "<option>-Bitte auswählen-</option>"; var commitorl = "faultType.do?id=" + type; $. ajax ({Typ: "post", contentType: "application/json", url: commesenturl, Datentyp: 'json', Erfolg: Funktion (Ergebnis) {var Curedata = $ .extend (true, [], resultal; i = 0; i <curedata.childtype.length; i ++) {html+= "<Option value = '"+curedata.ChildType [i] .faultId+"'> "+curedata.ChildType [i] .faultContent+" </option> ";} $ ("#faultType1 ").

Das Folgende wird von jemand anderem geschrieben (Originaladresse: http://blog.csdn.net/gis__/article/details/6647464)

Wenn Sie eine schlechte Erinnerung haben, können Sie es mit einem Lesezeichen versehen:

1. Pulldown Box:

 var cc1 = $ (". Formcelect [@name = 'land'] option [@selted]"). text (); // Erhalten Sie den Text des ausgewählten Elements im Dropdown-Menü (Beachten Sie, dass es in der Mitte einen Raum gibt) var cc2 = $ ('. FormCelect [@name = "Land"]. Val (); // Erhalten Sie den Wert des ausgewählten Elements im Dropdown-Menü var cc3 = $ ('. Formc Select [@name = "Country"]). Attr ("ID"); // Erhalten Sie den Wert des ID-Attributs des ausgewählten Elements im Dropdown-Menü $ ("#Select"). $ ("<optionValueOptionValue = '1'> 1111 </option>"). appendTo ("#select") // Fügen Sie die Option des Dropdown-Feldes hinzu

Lassen Sie mich ein wenig erklären:

1.Select [@name = 'Country'] Option [@selted] bedeutet, dass es das Namensattribut hat.

Und das Optionselement mit ausgewähltem Attribut im Element auswählen mit dem Wert des Attributs lautet 'Land';

Es ist zu sehen, dass ein @ Start bedeutet, dass das Attribut davon folgt.

2. Radiobox:

 $ ("input [@type = radio] [@checked]"). val (); // Erhalten Sie den Wert des ausgewählten Elements des Radiofelds (Beachten Sie, dass in der Mitte kein Speicherplatz vorhanden ist) $ ("Eingabe [@type = radio] [@value = 2]"). Attr ("Checked", 'Checked'); // Setzen Sie den Radio -Box -Wert = 2 als ausgewählter Status. (Beachten Sie, dass es in der Mitte keinen Platz gibt)

3. Kontrollkästchen:

 $ ("input [@type = Kontrollkästchen] [@Checked]"). Val (); // Erhalten Sie den Wert des ersten Elements, das im Kontrollkästchen $ ("Eingabe [@type = checkBox] [@checked]"). Jede (Funktion () () {// Da mehrere Kontrollkästchen vorhanden sind, können Sie die Ausgabemalarm ($ ($ (this)) .val ());}); $ ("#chk1"). attr ("geprüft", ''); // $ ("#chk2") nicht überprüfen. Attr ("geprüft", wahr); // Tick if ($ ("#chk1"). Attr ('geprüft') == undefined) {} ​​// Versuchen Sie, ob es überprüft wurde

Natürlich ist JQuery Selector mächtig. Es gibt viele Möglichkeiten, es zu tun.

 <script src = "jQuery-1.2.1.js" type = "text/javascript"> </script> <script Sprache = "javaScript" type = "text/javaScript"> $ (document) .Ready (function (function ("{$ ("#selectest "). //alert($("#Selectest").attr("name "); Option [@Selected] "). text ()); </script> <arefahref = "#"> aaass </a>

<!-Dropdown-Box->

1. <select id = "selectest" name = "selectTest">

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

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

4. <OPTIONVALUEOPTIONVALUE = "3"> 33 </Option>

5. <OPTIONVALUEPTIONVALUE = "4"> 44 </Option>

6. <OPTIONVALUEPTIONVALUE = "5"> 55 </Option>

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

8. </select>

9.JQueryRadio nimmt das Wert, das Kontrollkästchen nimmt den Wert an, nimmt den Wert an, das Funkwählen, das Kontrollkästchen wird ausgewählt, auswählt und bezieht sich, um die Werte einer Gruppe von Funkauswahlelementen zu erhalten

10.Var item = $ ('Eingabe [@name = items] [@check]'). Val ();

11. Holen Sie sich den Text des ausgewählten Elements

12.

13.Select Dropdown-Box hat das zweite Element.

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

15. Das zweite Element der Radio -Radiogruppe ist der aktuelle ausgewählte Wert

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

17. den Wert erhalten:

18. Textfeld, Textbereich: $ ("#txt"). Attr ("Wert");

19. Kontrollkästchen Mehrfachauswahl: $ ("#CheckBox_id"). Attr ("Wert");

20.

21. Pulldown-Box SELECT: $ ('#sel'). Val ();

22. Kontrollformelemente:

23. Textfeld, Textbereich: $ ("#txt"). Attr ("Wert", ''); // Inhalt löschen

24. $ ("#txt"). Attr ("value", '11'); // Inhalt ausfüllen

25. Mehrfach Checkbox -Kontrollkästchen: $ ("#chk1"). Attr ("geprüft", ''); // nicht überprüfen

26. $ ("#chk2"). Attr ("geprüft", true); // Tick

27. if ($ ("#chk1"). Attr ('geprüft') == undefined) // Beurteile, ob der Scheck überprüft wurde

28.

29. Pulldown-Box Auswählen: $ ("#sel"). Attr ("value", '-sel3'); // Setzen Sie das Element mit Value = -sel3 auf das aktuell ausgewählte Element

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

Fügen Sie eine Dropdown-Box-Option hinzu

31. $ ("#sel"). Leer (); // das Dropdown-Box löschen

32. Erhalten Sie die Werte einer Reihe von Funkauswahlelementen

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

34. Holen Sie sich den Text des ausgewählten Elements

35.var item = $ ("Wählen Sie [@name = items] Option [@selted]"). Text ();

36.Select Dropdown-Box hat das zweite Element des aktuell ausgewählten Wertes

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

38. Das zweite Element der Radio -Funkgruppe ist der aktuelle ausgewählte Wert

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

40. Erhalten Sie den Wert:

41. Textfeld, Textbereich: $ ("#txt"). Attr ("value");

42. Kontrollkästchen Multiple Auswahl: $ ("#CheckBox_id"). Attr ("Wert");

43.Single-Choice Group Radio: $ ("Eingabe [@type = radio] [@checked]"). Val ();

44. Pulldown-Box SELECT: $ ('#sel'). Val ();

45. Kontrollformelemente:

46. ​​Textfeld, Textbereich: $ ("#txt"). Attr ("Wert", ''); // Inhalt löschen

47. $ ("#txt"). Attr ("value", '11'); // Füllen Sie den Inhalt aus

48. Mehrfach Kontrollkästchen Kontrollkästchen: $ ("#Chk1"). Attr ("Checked", ''); // nicht überprüfen

49. $ ("#chk2"). Attr ("geprüft", true); // Tick

5

51.

52. Pulldown Box SELECT: $ ("#sel"). Attr ("Wert", '-sel3'); // Setzen Sie das Element mit Value = -sel3 auf das aktuell ausgewählte Element

53.

54. $ ("#Sel"). Leer (); // das Dropdown-Box löschen

Das obige einfache Beispiel für AJAX, das eine sekundäre Verknüpfung in Spring MVC erreicht, ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.