AJAX JQuery 요청이 작동하지 않습니다.

Question

JQuery를 통해 AJAX 요청을 보내려고합니다. 여기

그리고 내 jQuery 코드입니다 : 나는 자바에서 JUnit 테스트 케이스를 작성했습니다

$(document).ready(function() { 
    $("#login").submit(loginh); 

    function loginh() { 
     console.log("Sending request"); 
     var dat = { 
      "ucCustomer": { 
       "ucLoginRequest": { 
        "customerId": "8a6a7d82392bdaa701392bdabb3a0013", 
        "userName": "0.34705725672258025@mars.com", 
        "password": "23456" 
       } 
      } 
     }; 
     console.log(JSON.stringify(dat)); 
     var d = JSON.stringify(dat); 

     $.ajax({ 
      headers: { 
       "Content-Type": "application/json", 
       "X-Message-Sending-PartnerId": "UNICREDIT", 
       "X-Message-Type": "ucCustomerLoginRequest", 
       "X-App-UserId": "UNICREDIT", 
       "X-App-DeviceFingerPrint": "abc" 
      }, 
      type: "POST", 
      url: "http://localhost:8010/UniCreditMobileService/services/ucms/customer", 
      data: d, 
      success: function(data) { 
       alert(data); 
       console.log("success: " + data); 
      } 
     }); 
    } 
}); 

이 요청은 잘 작동합니다. 마찬가지로, 나는 크롬 브라우저의 Dev-HTTP 플러그인을 사용하여 요청을 전송하려했으나 정상적으로 작동합니다. 그러나, 내 JQuery 코드가 작동하지 않습니다.

html 페이지를 실행해도 아무런 변화가 없습니다. 나는 아무 응답도 얻지 않는다. Firebug 콘솔을 사용하여 서버에서받은 응답을 확인합니다.

문제를 해결할 수 있도록 도와주세요.

Answer 1

이 시도 :

function loginh(event) { 
    event.preventDefault(); 

    // all your codes 
} 

, event는 submit 이벤트에 의해 loginh 함수에 전달 된 인수이며,이 .preventDefault()는 양식의 기본 제출 거동 AJAX 제출을 중지 중지됩니다.