jquery에서 $ .post() 메소드를 사용하여 Ajax 요청이 작동하지 않습니다.

Question

로그인 양식이 있습니다. 서블릿에 사용자 이름 암호를 보내고 거기에서 응답을 보내려고하지만 내 사용자 이름과 암호가 서블릿으로 검색되지 않습니다. 많은하지만 점점 아무것도 날 좀 도와주세요 .. 내 코드가 주어 벨로 :

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".mloginform").submit(function() { 
     var uName = $("#usernameInputField").val(); 
     var passwd = $("#passwordInputField").val(); 

     $.post("/LoginServlet", { 
      username: uName, 
      password: passwd 
     }, function (data) { 
      if (data.success) { 
       alert("hello"); 
      } 
     }, 'json'); 

     return false; 
    }); 
});  
</script> 

내부 LoginServlet doPost 메소드 : 내가 잘못

String userName=request.getParameter("username"); 
String passwd=request.getParameter("password"); 

Gson gSon=new Gson(); 

Map<String, Object> data = new HashMap<String, Object>(); 

data.put("success", true); 

JsonObject myJson=new JsonObject(); 
myJson.add("data", gSon.toJsonTree(data)); 
response.setContentType("application/json"); 
PrintWriter out = response.getWriter(); 
out.write(myJson.toString()); 

.

Answer 1

$ (문서) .ready (함수() {

VAR uName의 = $ ("#의 usernameInputField") 발().

VAR passwd를 = $ ("#의 passwordInputField"). 발();

var에 PARAMS = {사용자 이름 : uName의, 비밀번호 : passwd를};

$.ajax({ 
    url : "LoginServlet", 
    type : "post",      
    cache : false, 
    async : false,   
    dataType : "json", 
    data : params, 
    contentType : "application/json; charset=utf-8", 
    success : function(data) { 
        alert("hello"); 
      } 
     }); 

});