从XMLHttpRequest解析和检索表单数据

时间:2014-06-06 16:23:59

标签: javascript ajax jsp xmlhttprequest

我有一个功能,我使用ajax,XMLHttpRequest将表单数据提交给另一个jsp进行处理,并根据表单数据的参数返回相应的响应。以下是它的代码

<!DOCTYPE html>
<html>
<head>
<script>
  var form = document.forms.namedItem("userinfo");
  form.addEventListener('submit', function(ev) {
    var oData = new FormData(document.forms.namedItem("userinfo"));
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
      xmlhttp.onreadystatechange=function()
    {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST","sample.jsp",true);
  xmlhttp.send(oData);
  ev.preventDefault();}, false);
</script>

</head>
<body>
<form enctype="multipart/form-data" method="post" name="userinfo">
  <label>Your email address:</label>
  <input type="email" autocomplete="on" autofocus name="userid" placeholder="email" required size="32" maxlength="64" /><br />
  <label>Your name:</label>
  <input type="text" autocomplete="on" autofocus name="username" placeholder="text" required size="32" maxlength="64" /><br /> 
  <input type="submit" value="Submit" />
</form>

  <div id="myDiv">
  </div>
</body>
</html>

但是我在实现这一点时遇到的障碍是我不知道如何在jsp中解析XMLHttpRequest以检索FormData实例,以便我可以获取表单参数。那么有人能告诉我如何从目标jsp中的XMLHttpRequest中检索formdata实例/帖子参数?

0 个答案:

没有答案