Struts2中Form提交的Javascript两种实现示例

在Struts2框架中，使用Javascript实现Form提交是一种常见的需求。它可以增强用户体验，实现异步提交表单数据等功能。下面将介绍两种常见的Javascript实现Form提交的示例。

方法一：使用原生Javascript提交表单

在HTML页面中创建一个表单，给表单一个唯一的ID，例如：

<form id="myForm" action="yourActionUrl" method="post">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <input type="submit" value="提交" />
</form>

然后，使用Javascript获取表单元素，并调用其submit方法来提交表单：

function submitForm() {
  var form = document.getElementById('myForm');
  form.submit();
}

可以将这个函数绑定到一个按钮的点击事件上，当用户点击按钮时，表单就会被提交。

方法二：使用jQuery提交表单

如果项目中引入了jQuery库，使用jQuery提交表单会更加方便。假设已经在页面中引入了jQuery库，同样先创建表单：

<form id="myForm" action="yourActionUrl" method="post">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <input type="button" value="提交" onclick="submitFormWithjQuery()" />
</form>

然后，使用jQuery的ajax方法来提交表单数据：

function submitFormWithjQuery() {
  var formData = $('#myForm').serialize();
  $.ajax({
    type: 'POST',
    url: $('#myForm').attr('action'),
    data: formData,
    success: function(response) {
      console.log('提交成功：' + response);
    },
    error: function() {
      console.log('提交失败');
    }
  });
}

这种方法可以实现异步提交表单，不会导致页面刷新，并且可以在提交成功或失败时进行相应的处理。

在实际应用中，可以根据项目的具体需求和技术栈选择合适的方法来实现Form提交。原生Javascript方法简单直接，而jQuery方法则更加灵活和强大，能够提供更好的用户体验。