通过button将form表单的数据提交到action层的实例

form表单中不需要写action的路径，需要给form表单一个唯一的id，将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性"。给button按钮添加一个onclick()点击事件，并实现该点击事件，在该onclick()方法中通过ajax将form表单中的数据提交给action层

jsp页面中的代码：

   <form id="handleform">
    <!-- 根据学生id修改学生信息 -->
    <input type="hidden" name="student.stuid"/><!-- 隐藏学生id -->
    <div class="input-group el_modellist" role="toolbar">
     <span class="el_spans">要修改的班级：</span>
     <select class="selectpicker form-control" name="student.classname" id="fmchechunit" title="请选择">
      <option value="0">--请选择班级--</option>
      <option value="1">软件一班</option>
      <option value="2">软件二班</option>
     </select>
    </div>
    <span class="el_spans">学生姓名：</span>
    <input type="text" id="student.name"/>
     <div class="input-group el_modellist" role="toolbar">
      <span class="el_spans">学生详细信息：</span>
      <textarea id="studentmsg" class="form-control texta" rows="10" name="student.msg"></textarea>
     </div>

     <div class="modal-footer">
      <button id="submitbutton" onclick="savebutton()" type="button" class="btn btn-primary">更新</button>
     </div>
   </form>
   <script type="text/javascript">
    function savebutton(){
      //通过ajax异步将数据发送给action层
      $.ajax({
       url : '${pagecontext.request.contextpath}/stu/stu_upstudent.action',//这里写上你的action路径
       data : $("#handleform").serialize(),//将你在form表单上提交的数据序列化
       type : 'post', //提交方式
       datatype : 'json', //提交的数据类型
       async:true, //是否异步
       success : function(data) {//这是个回调函数 data表示从action中传过来的json数据
       //弹出从action层传过来的json格式的数据(用来显示是否更新成功)
       alert(data.result);
       }
      });
    }
   </script>

action层中的代码：

@controller
@scope("prototype")
// 控制层，多例模式
public class dangeraction extends actionsupport {
 
 private student student;
 public void setstudent(student student){
  this.student = student;
 }
 public student getstudent(){
  return this.student;
 }
 
 @resource
 private studentservice studentservice;
 public studentservice getstudentservice() {
  return studentservice;
 }
 public void setstudentservice(studentservice studentservice) {
  this.studentservice = studentservice;
 }
 public string updatestudent throws exception{
  
  boolean flag = studentservice.update(student);
  httpservletresponse response = servletactioncontext.getresponse();
  
　　　　　//通过json对象将修改反馈信息响应给jsp
  jsonobject json = new jsonobject();
  if (flag) {
   system.out.println(flag);
   json.put("result", "修改成功");
  } else {
   system.out.println(flag);
   json.put("result", "修改失败");
  }
  system.out.println(json.tostring());
  response.setcontenttype("text/html;charset=utf-8");
  response.getwriter().write(json.tostring());
  return null;//如果不需要跳转页面就写上null,如果要跳转页面就自己另外写上
 }
}

javabean代码：

public class student{
 private int stuid;
 private int classname;
 private int name;
 private string studentmsg;
 public int getstuid() {
  return stuid;
 }
 public void setstuid(int stuid) {
  this.stuid = stuid;
 }
 public int getclassname() {
  return classname;
 }
 public void setclassname(int classname) {
  this.classname = classname;
 }
 public int getname() {
  return name;
 }
 public void setname(int name) {
  this.name = name;
 }
 public string getstudentmsg() {
  return studentmsg;
 }
 public void setstudentmsg(string studentmsg) {
  this.studentmsg = studentmsg;
 }
 
}

以上这篇通过button将form表单的数据提交到action层的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。