วันนี้ฉันพบการเชื่อมโยงรองเมื่อเขียนโครงการ ในช่วงเวลานี้ฉันพบปัญหาบางอย่าง ฉันเขียนบล็อกเพื่อบันทึก
ตัวควบคุมหลังเวที:
@RequestMapping ("/faultType")@ResponseBodyPublic MAP <String, Object> faultType (int id, httpservletRequest Request) พ่น IOException {สตริง returnMessage = ""; // รับรายการความผิดปกติทั้งหมด if (faulist.size ()> 0) {request.setAttribute ("childtype", faulist); returnmessage = "ตกลง";} else {returnmessage = "ไม่พบข้อมูล";} // ************************************************************* hashmap <string, object> (); returnmap.put ("childtype", faulist); returnmap;}แผนกต้อนรับ JSP:
<div> <div> <label> ประเภทความผิดพลาด: </label> <select name = "faultType" id = "faultType" onChange = "javaScript: typeChange ()"> <c: foreach items = "$ {faultlist}" var = "faulist"> <ตัวเลือก } </potion> </c: foreach> </select> </div> <div> <dable> ความผิดพลาด: </label> <อินพุต id = "childTypecont" name = "childTypecont" value = "" type = "hidden" place-reveside </</name เลือก items = "$ {childType}" var = "faulist"> <ค่าตัวเลือก = "$ {faulist.faultId}"> $ {faulist.faultContent} </petion> </c: foreach>JS:
ฟังก์ชั่น typeChange () {var type = $ ("#faultType"). val (); var html = "<pontion>-โปรดเลือก-</optup>"; var commitUrl = "faultType.do?id=" + type; $. ajax ({type: "post", contentType: "application/json", url: commiturl, datatype: 'json', ความสำเร็จ: ฟังก์ชั่น (ผลลัพธ์) {var curedata = $. i = 0; i <curedata.childtype.length; i ++) {html+= "<ตัวเลือก value = '"+curedata.childtype [i] .faultid+"'> "+curedata.childtype [i] .faultcontent+" </optup> ";} $ ("#faultType1 ")};ต่อไปนี้เขียนโดยคนอื่น (ที่อยู่เดิม: http://blog.csdn.net/gis__/article/details/6647464)
หากคุณมีหน่วยความจำที่ไม่ดีคุณสามารถบุ๊กมาร์กได้:
1. ดึงกล่อง:
var cc1 = $ (". formcselect [@name = 'country'] ตัวเลือก [@selected]"). text (); // รับข้อความของรายการที่เลือกในเมนูแบบเลื่อนลง (โปรดทราบว่ามีพื้นที่อยู่ตรงกลาง) var cc2 = $ ( // รับค่าของรายการที่เลือกในเมนูแบบเลื่อนลง var cc3 = $ ('. formc select [@name = "country"]'). attr ("id"); // รับค่าแอตทริบิวต์ ID ของรายการที่เลือกในเมนูแบบเลื่อนลง ("#select"); $ ("<optiveValueOptionValue = '1'> 1111 </petion>"). Appendto ("#select") // เพิ่มตัวเลือกของกล่องดรอปดาวน์ให้ฉันอธิบายเล็กน้อย:
1.Select [@name = 'Country'] ตัวเลือก [@Selected] หมายความว่ามีแอตทริบิวต์ชื่อ
และองค์ประกอบตัวเลือกที่มีแอตทริบิวต์ที่เลือกในองค์ประกอบที่เลือกด้วยค่าของแอตทริบิวต์คือ 'ประเทศ';
จะเห็นได้ว่าการมี @ start หมายความว่าคุณลักษณะนั้นตามมาด้วย
2. กล่องวิทยุ:
$ ("อินพุต [@type = วิทยุ] [@checked]"). val (); // รับค่าของรายการที่เลือกของกล่องวิทยุ (โปรดทราบว่าไม่มีพื้นที่อยู่ตรงกลาง) $ ("อินพุต [@type = วิทยุ] [@value = 2]"). attr ("ตรวจสอบ", 'ตรวจสอบ'); // ตั้งค่ากล่องวิทยุ = 2 เป็นสถานะที่เลือก (โปรดทราบว่าไม่มีที่ว่างอยู่ตรงกลาง)3. ช่องทำเครื่องหมาย:
$ ("อินพุต [@type = ช่องทำเครื่องหมาย] [@checked]"). val (); // รับค่าของรายการแรกที่เลือกในช่องทำเครื่องหมาย $ ("อินพุต [@type = ช่องทำเครื่องหมาย] [@checked]") แต่ละ (ฟังก์ชั่น () {// เนื่องจากมีกล่องกาเครื่องหมายหลายกล่องคุณสามารถวนซ้ำการแจ้งเตือนเอาต์พุต ($ (นี่) .val ());}); $ ("#chk1"). attr ("ตรวจสอบ", ''); // อย่าตรวจสอบ $ ("#chk2"). attr ("ตรวจสอบ", จริง); // tick if ($ ("#chk1"). attr ('ตรวจสอบ') == undefined) {} // ลองว่ามีการตรวจสอบว่ามีการตรวจสอบว่าแน่นอน jQuery selector มีประสิทธิภาพ มีหลายวิธีในการทำ
<script src = "jQuery-1.2.1.js" type = "text/javascript"> </script> <script language = "javascript" type = "text/javascript"> $ (เอกสาร). พร้อม (ฟังก์ชัน () {$ ("#selectTest") //alert($$("#selectest").attr("name ")); ตัวเลือก [@Selected] "). text ()); $ ("#selectTest "). attr (" value "," 2 ");});}); </script> <ahrefahref = "#"> aaass </a><!-กล่องแบบเลื่อนลง->
1. <เลือก id = "selectTest" name = "selectTest">
2. <pettionValueOptionValue = "1"> 11 </portion>
3. <OptionValueOptionValue = "2"> 22 </petion>
4. <optiveValueOptionValue = "3"> 33 </petion>
5. <optiveValueOptionValue = "4"> 44 </petion>
6. <optiveValueOptionValue = "5"> 55 </potion>
7. <optiveValueOptionValue = "6"> 66 </potion>
8. </electe>
9.JQueryRadio ใช้ค่าช่องทำเครื่องหมายจะใช้ค่าเลือกใช้ค่าเลือกวิทยุเลือกช่องทำเครื่องหมายเลือกและเกี่ยวข้องกับการรับค่าของกลุ่มรายการวิทยุที่เลือก
10. var item = $ ('input [@name = items] [@checked]'). val ();
11. รับข้อความของรายการที่เลือก
12.var item = $ ("เลือก [@name = items] ตัวเลือก [@Selected]"). text ();
13. เลือกกล่องแบบเลื่อนลงมีองค์ประกอบที่สอง
14. $ ('#select_id') [0] .SelectedIndex = 1;
15. องค์ประกอบที่สองของกลุ่มวิทยุวิทยุคือค่าปัจจุบันที่เลือก
16. $ ('อินพุต [@name = items]') รับ (1) .Checked = true;
17. รับค่า:
18. กล่องข้อความพื้นที่ข้อความ: $ ("#txt"). attr ("value");
19. ช่องทำเครื่องหมายกล่องเลือกหลายกล่อง: $ ("#checkbox_id"). attr ("value");
20.Single-choice Group Radio: $ ("input [@type = Radio] [@checked]"). val ();
21. กล่องดึงลงเลือก: $ ('#sel'). val ();
22. องค์ประกอบแบบฟอร์มการควบคุม:
23. กล่องข้อความพื้นที่ข้อความ: $ ("#txt"). attr ("value", ''); // ล้างเนื้อหา
24. $ ("#txt"). attr ("ค่า", '11'); // กรอกเนื้อหา
25. ช่องทำเครื่องหมายหลายช่อง: $ ("#CHK1"). attr ("ตรวจสอบ", ''); // ไม่ตรวจสอบ
26. $ ("#CHK2"). attr ("ตรวจสอบ", จริง); // ติ๊ก
27. ถ้า ($ ("#Chk1"). attr ('ตรวจสอบ') == ไม่ได้กำหนด) // ตัดสินว่าเช็คได้รับการตรวจสอบว่า
28.Single-choice Group Radio: $ ("input [@type = Radio]"). attr ("ตรวจสอบ", '2'); // รายการที่มีค่า = 2 ถูกตั้งค่าเป็นรายการที่เลือกในปัจจุบัน
29. กล่องแบบเลื่อนลงเลือก: $ ("#sel"). attr ("value", '-sel3'); // ตั้งค่ารายการด้วย value = -Sel3 ไปยังรายการที่เลือกในปัจจุบัน
30. $ ("<optiveValueOptionValue = '1'> 1111 </petion> <optiveValueOptionValue = '2'> 2222 </petion>"). ภาคผนวก ("#sel") // เปิด
เพิ่มตัวเลือกกล่องแบบเลื่อนลง
31. $ ("#sel"). ว่าง (); // ล้างกล่องดรอปดาวน์
32. รับค่าของชุดรายการวิทยุที่เลือก
33.var item = $ ('input [@name = items] [@checked]'). val ();
34. รับข้อความของรายการที่เลือก
35.VAR item = $ ("เลือก [@name = items] ตัวเลือก [@Selected]"). text ();
36. เลือกกล่องแบบเลื่อนลงมีองค์ประกอบที่สองของค่าที่เลือกในปัจจุบัน
37. $ ('#select_id') [0] .SelectedIndex = 1;
38. องค์ประกอบที่สองของกลุ่มวิทยุวิทยุคือค่าที่เลือกปัจจุบัน
39. $ ('อินพุต [@name = items]') รับ (1) .Checked = true;
40. รับค่า:
41. กล่องข้อความพื้นที่ข้อความ: $ ("#txt"). attr ("value");
42. ช่องทำเครื่องหมายกล่องเลือกหลายกล่อง: $ ("#checkbox_id"). attr ("value");
43.Single-choice Group Radio: $ ("input [@type = Radio] [@checked]"). val ();
44. กล่องดึงลงเลือก: $ ('#sel'). val ();
45. องค์ประกอบแบบฟอร์มการควบคุม:
46. กล่องข้อความพื้นที่ข้อความ: $ ("#txt"). attr ("value", ''); // ล้างเนื้อหา
47. $ ("#txt"). attr ("ค่า", '11'); // กรอกเนื้อหา
48. ช่องทำเครื่องหมายหลายช่อง: $ ("#CHK1"). attr ("ตรวจสอบ", ''); // ไม่ตรวจสอบ
49. $ ("#chk2"). attr ("ตรวจสอบ", true); // tick
50.if ($ ("#CHK1"). attr ('ตรวจสอบ') == ไม่ได้กำหนด) // ตัดสินว่าเช็คได้รับการตรวจสอบว่า
51.Single-choice Group Radio: $ ("input [@type = Radio]"). attr ("ตรวจสอบ", '2'); // รายการที่มีค่า = 2 ถูกตั้งค่าเป็นรายการที่เลือกในปัจจุบัน
52. PULL DOWN BOX SELECT: $ ("#SEL"). ATTR ("value", '-SEL3'); // ตั้งค่ารายการด้วย value = -Sel3 ไปยังรายการที่เลือกในปัจจุบัน
53. $ ("<optiveValueOptionValue = '1'> 1111 </petion> <optiveValueOptionValue = '2'> 2222 </petion>") ภาคผนวก ("#sel")
54. $ ("#sel"). ว่าง (); // ล้างกล่องดรอปดาวน์
ตัวอย่างง่ายๆข้างต้นของ AJAX ที่บรรลุการเชื่อมโยงรองใน Spring MVC เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น