从不支持request.part的3.0之前的Servlet的FormData api中检索请求参数

debugcn 发表于 Dev

阿瑞什·拉梅什（Aarish Ramesh）

基本上，我试图将表单参数作为发布数据发送到另一个jsp并打印参数，但是在实现此功能时遇到了问题。以下是构造FormData实例并将其作为XMLHttpRequest的发布数据发送到目标jsp的html代码。

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function loadXMLDoc()
    {
    var form = new FormData();
    form.append('firstname', 'peter');
    form.append('lastname', 'parker');
    var xmlhttp;
    if (window.XMLHttpRequest)
      {
      xmlhttp=new XMLHttpRequest();
      }
    else
      {
      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(form);
    }
    </script>
    </head>
    <body>

    <div id="myDiv"><h2>Text which will be changed on click</h2></div>
    <button type="button" onclick="loadXMLDoc()">Change Content</button>

    </body>
    </html>

目标jsp servlet代码是这样的，在这里我尝试检索附加到FormData实例的参数。

<%
    out.println(request.getParameter("firstname"));
    out.println(request.getParameter("lastname"));
%>

但是，当我尝试运行jsp时，我将参数打印为null。我对ajax和客户端脚本世界是陌生的。所以有人可以解释一下我如何从FormData实例中成功检索参数吗？

桑蒂诺·桑尼·柯里昂（Santino'Sonny'Corleone）

$( document ).ready(function() {
$( "#button_click" ).click(function(){
var form= new FormData();
    form.append('firstname', 'peter');
    form.append('lastname', 'parker');
$.ajax({
    url: 'sample.jsp',
    data: form,
    cache: false,
    contentType: "application/x-www-form-urlencoded",
    processData: false,
    type: 'POST',
    success: function(data){
        alert(data);
    }
});
});
});

<div id="myDiv"><h2>Text which will be changed on click</h2></div>
 <button id="button_click" type="button">Change Content</button>

另外，您将需要上面的这些标头

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

现在请求，让我知道它是否有效

更新

试试这个jsfiddle http://jsfiddle.net/Ujryx/25/

的HTML

<form id="formoid" action="sample.jsp" title="" method="post">
    <div><label class="title">First Name</label><input type="text" id="firstname" name="firstname" ></div>
<div><label class="title">Name</label><input type="text" id="lastname" name="lastname" ></div>
<div><input type="submit" id="submitButton"  name="submitButton" value="Submit"></div>

$("#formoid").submit(function(event) {

  event.preventDefault();

    var $form = $( this ),
      url = $form.attr( 'action' );

  var posting = $.post( url, { firstname: $('#firstname').val(), lastname: $('#lastname').val() } );


  posting.done(function( data ) {
    alert('success');
  });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。