将表单数据从jsp发送到servlet并使用Ajax从servlet获取数据

Question

我的jsp包含form，我想将此form数据发送到servlet ajax，然后发送到{{} 1}}从success获取一些数据并将其显示在我的servlet。

中

这是我的表格：

/WEB-INF/quiz.jsp

jsp

这是JavaScript：

/WEB-INF/inc/js/functions.js

<form name="example-1" id="wrapped" action="Resultat" method="POST" >
//Inputs
<button type="submit" class="submit" id="calculer">Calculer mon résultat</button>
</form>

我的问题是：我如何获取$("#wrapped").submit(function(event){ event.preventDefault(); var form = $(this), formData = new FormData(this), url = form.attr('action'); $.ajax({ url : url, type : 'POST', data : formData, success : function(data){ $("#resultat").html(data); } }); }); 中的值来操纵它们？然后，我如何在sevlet中成功定义数据属性？

Answer 1

$("#wrapped").submit(function(event){
event.preventDefault();
var form        = $(this),
    formData    = new FormData(this),
    url         = form.attr('action');

$.ajax({
    url     : url,
    type    : 'POST',
    data    : formData,
    success : function(data){
        $("#resultat").html(data);
         // After getting the data again give a Ajax request to a servlet
          $.ajax({
                 url     : url,
                 type    : 'POST',
                 success : function(data){
                       // display data in jsp
                   } 
      });


    } 
});

}）;