Use the button to submit the form data to the action layer, buttonaction

Use the button to submit the form data to the action layer, buttonaction

　

You do not need to write the action path in the form. You need to give the form a unique id to add the javabean object in the form with the tag name = "action" of the information you want to submit. javabean attribute ". Add an onclick () event to the button and implement this event. In this onclick () method, submit the data in the form to the action layer through ajax.

 

Code on the JSP page:
1 <form id = "handleform"> 2 <! -- Modify student information based on student id --> 3 <input type = "hidden" name = "student. stuid"/> <! -- Hide student id --> 4 <div class = "input-group el_modellist" role = "toolbar"> 5 <span class = "el_spans"> class to be modified: </span> 6 <select class = "selectpicker form-control" name = "student. className "id =" fmchechunit "title =" select "> 7 <option value =" 0 "> -- select a class -- </option> 8 <option value =" 1"> Software class 1 </option> 9 <option value = "2"> Software class 2 </option> 10 </select> 11 </div> 12 <span class = "el_spans "> Student name: </span> 13 <input type = "text" id = "student. name "/> 14 <div class =" input-group el_modellist "role =" toolbar "> 15 <span class =" el_spans "> Student details: </span> 16 <textarea id = "studentMsg" class = "form-control texta" rows = "10" name = "student. msg "> </textarea> 17 </div> 18 19 <div class =" modal-footer "> 20 <button id =" submitButton "onclick =" saveButton () "type =" button "class =" btn-primary "> Update </button> 21 </div> 22 </form> 23 <script type =" text/javascript"> 24 function saveButton () {25 // send data asynchronously to action layer 26 $. ajax ({27 url: '$ {pageContext. request. contextPath}/stu/stu_upstudent.action ', // enter your action path 28 data: $ ("# handleform "). serialize (), // serialize the data submitted on the form 29 type: 'post', // submit Method 30 dataType: 'json ', // submitted data type 31 async: true, // asynchronous 32 success: function (data) {// This is a callback function. data indicates the json data transmitted from the action. 33 // The json data transmitted from the action layer is displayed (to show whether the update is successful) 34 alert (data. result); 35} 36}); 37} 38 </script>

 

Code in the action layer:
1 @ Controller 2 @ Scope ("prototype") 3 // control layer, multi-sample mode 4 public class DangerAction extends ActionSupport {5 6 private Student student; 7 public void setStudent (Student student) {8 this. student = student; 9} 10 public Student getStudent () {11 return this. student; 12} 13 14 @ Resource15 private StudentService studentService; 16 public StudentService getStudentService () {17 return studentService; 18} 19 public void setStudentService (StudentService studentService) {20 this. studentService = studentService; 21} 22 public String updateStudent throws Exception {23 24 boolean flag = studentService. update (student); 25 HttpServletResponse response = ServletActionContext. getResponse (); 26 27 // respond to jsp28 JSONObject json = new JSONObject (); 29 if (flag) {30 System. out. println (flag); 31 json. put ("result", "modified successfully"); 32} else {33 System. out. println (flag); 34 json. put ("result", "modification failed"); 35} 36 System. out. println (json. toString (); 37 response. setContentType ("text/html; charset = UTF-8"); 38 response. getWriter (). write (json. toString (); 39 return null; // if you do not need to jump to the page, write null. If you want to jump to the page, write another 40} 41}

 

 

Javabean code: 
1 public class Student {2 private int stuid; 3 private int className; 4 private int name; 5 private String studentMsg; 6 public int getStuid () {7 return stuid; 8} 9 public void setStuid (int stuid) {10 this. stuid = stuid; 11} 12 public int getClassName () {13 return className; 14} 15 public void setClassName (int className) {16 this. className = className; 17} 18 public int getName () {19 return name; 20} 21 public void setName (int name) {22 this. name = name; 23} 24 public String getStudentMsg () {25 return studentMsg; 26} 27 public void setStudentMsg (String studentMsg) {28 this. studentMsg = studentMsg; 29} 30 31}