JQuery를 사용하여 양식 데이터를 서블릿에 게시하려고 시도했습니다.

Question

서블릿에 데이터를 게시하려고 시도하고 있습니다. 서블릿에 데이터가 삽입 될 데이터를 mysql 데이터베이스에 게시하려고합니다.

<form id="commentForm" name="commentForm" action="http://server.co.uk/dbh" method="POST"> 
    <input type="text" name="name" placeholder="Your name" required="required"> 
    <textarea name="comment" placeholder="Enter your comment here" required="required"></textarea> 
    <input type="hidden" name="postID" id="postID" value="<%= postID %>"> 
    <input type="submit" name="submit" id="commentSubmit" value="submit"> 
</form> 

JQuery와 :

$("#commentSubmit").click(function(e){ 
    var postData = $("#commentForm").serializeArray(); 
    var formURL = $("#commentForm").attr("action"); 
     $.ajax(
     { 
      url : formURL, 
      type: "POST", 
      data : postData, 
      success:function(data, textStatus, jqXHR) 
      { 
       $("#commentFormWrap").html("<p>Success</p>"); 
      }, 
      error: function(jqXHR, textStatus, errorThrown) 
      { 
       $("#commentFormWrap").html("<p>error: "+errorThrown+"</p>"); 
      } 
     }); 
    e.preventDefault(); //STOP default action 
    $("#commentForm").hide(); 
}); 

단순화 DBH 서블릿 :

import javax.servlet.annotation.WebServlet; 
... 
@WebServlet(description = "Handles connection to MySql database", urlPatterns = { "/dbh" }) 

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 
    // TODO Auto-generated method stub 
    postArray = request.getParameterValues("postData"); 
    commentName = postArray[0]; 
    comment = postArray[1]; 
    postID = Integer.parseInt(postArray[3]); 
    try{ 
     submitComment(); 
    }catch(Exception e){ 
     e.printStackTrace(); 
    } 
} 
public void submitComment() throws Exception{ 
    try{ 
     sql="INSERT INTO crm_comments (comment_name, comment_content, comment_date, post_id) VALUES (?, ?, NOW(), ?)"; 
     prep = conn.prepareStatement(sql); 
     prep.setString(1, commentName); 
     prep.setString(2, comment); 
     prep.setInt(3, postID); 
     rs = prep.executeQuery(); 
    }catch(Exception e){ 
     e.printStackTrace(); 
    } 
} 

현재 ajax 호출이 에러 블록 error: 복귀 여기

은 HTML 형태이다. 하지만 errorThrown 변수는 없습니다. 서블릿이 올바르게 작성된 것을 볼 수 있습니다. html과 Jquery ajax 호출 사이에 뭔가 잘못 되었습니까? 서블릿에 데이터를 게시하지 않습니다.

Answer 1

postArray = request.getParameterValues("postData"); 

을 나는이

Answer 2

jQuery documentation에 따르면 serializeArray 메서드는 개체의 JavaScript 배열을 반환합니다. 이 메소드는 form에서 JSON 객체를 생성합니다.이 객체는 다음과 같습니다 : [{"name":"name",value:"<your name input value>"},{"name":"comment",value:"<your comment>"},{"name":"postID",value:"<postID value>"} ...]. postData 변수의 내용 만 전송됩니다. 서블릿의 postData 키워드에 대한 참조가 전혀 없습니다.

그래서 서블릿에서 request.getParameterValues("postData"); 호출이 유효하지 않은 것 같습니다. 대신이 시도 :

commentName = request.getParameterValues("name"); 
comment = request.getParameterValues("comment"); 
postID = Integer.parseInt(request.getParameterValues("postID"));