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

Question

我有一个jsp，其中包含一个form，我想将此form 数据发送到带有ajax 的servlet，然后在success 中从servlet 获取一些数据和显示在我的jsp。

这是我的表格：

/WEB-INF/quiz.jsp

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

这就是 JavaScript：

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

$("#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 中的值来操作它们？然后如何在我的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
                   } 
      });


    } 
});

});