복붙노트

[SPRING] 봄과 아약스

SPRING

봄과 아약스

Spring 폼 태그 라이브러리를 Ajax와 함께 사용할 수 있습니까? 컨트롤러 내부에서 양식 입력 매개 변수를 검색 할 수 없습니다. 그들은 항상 null입니다.

사실 양식이 제출되지 않는다는 논리가 있습니다. 그런 다음 Spring 커맨드 빈에 매핑 된 폼 제출과 같이 객체가 아닌 컨트롤러에만 문자열을 보낼 수 있습니다.

commandBean을 수락하는 폼

<form:form method="POST" commandName="clinicBean">
    Clinic Name: <form:input path="name" type="text" /><br/>
    Clinic Address: <form:input path="address" type="text"/><br/>
    <input type="button" value="Create Clinic" onclick="clinicAjax()"/>
</form:form>

Spring 컨트롤러를 호출하는 Ajax 함수

function clinicAjax(){
    alert('Inside Clinic Ajax Method');
    $.ajax({
        url: 'clinicAjax',
        type: 'POST',
        success: alert('Ajax Successful')
    });
}

스프링 컨트롤러 방법 :

@RequestMapping(value="clinicAjax",method=RequestMethod.POST)


 public @ResponseBody String createClinic(@ModelAttribute("clinicBean") Clinic clinic){
        System.out.println("Ajax call successful");
        System.out.println(clinic);
        System.out.println(clinic.getName());
        System.out.println(clinic.getAddress());
        return "SUCCESS";
    }

System.out.println () 문에서 항상 null을 가져옵니다.

해결법

  1. ==============================

    1.문제는 양식을 어디서나 직렬화하지 않으므로 서버에 전송되지 않는다는 것입니다.

    문제는 양식을 어디서나 직렬화하지 않으므로 서버에 전송되지 않는다는 것입니다.

    자바 스크립트 코드를 다음으로 변경하십시오.

    function clinicAjax(){
        alert('Inside Clinic Ajax Method');
        $.ajax({
            url: 'clinicAjax',
            data: yourFormElement.serialize(); /* i.e. $('#formId').serialize(); */
            type: 'POST',
            success: alert('Ajax Successful')
        });
    }
    

    폼을 나타내는 jQuery 객체로 yourFormElement를 대체하면 제대로 작동합니다.

  2. from https://stackoverflow.com/questions/11611843/spring-and-ajax by cc-by-sa and MIT license