form 양식 - 2가지 제출 방법

백그라운드에 매개 변수만 제출하고 반환 값은 받지 않습니다

html 코드

<form id="editForm" action="app/edit/destination" method='POST'>
    
    <div>
          <input id="getName" name="name" />
    div>

    <div>
        id<input id="getAreaId" name="id" />
    div>
    <div>
          <input id="getName" name="latitude" />
    div>

    <div>
          <input id="getAreaId" name="longitude" />
    div>
    
    <input type="submit" value="  " />
    form>

js 코드

<script>
/*         ，        ，js      */
    $("#editForm").validate({
        /* 1 ：     ，  */
        /* 2 ：          */
        submitHandler : function(form) {
            form.submit();   
        }
    })
script>

java 코드

@ResponseBody
@RequestMapping(value = "edit/destination", method = RequestMethod.POST)
public void editDestination(Long id, String name, Float longitude, Float latitude, String username) {
        //    ，     
    }

백그라운드에 매개 변수를 제출하고 백그라운드 반환 값을 수신합니다

html 코드

    
id="editForm">
        <div>
              id="getName" name="name" />
        div>

        <div>
            idid="getAreaId" name="id" />
        div>
        <div>
              id="getName" name="latitude" />
        div>

        <div>
              id="getAreaId" name="longitude" />
        div>
        "submit"  value="  " />
    

폼 검증 js 코드가 필요한 경우 다음과 같습니다.

    <script>
        $("#editForm").validate({
            //     
            rules : {
                name : { //  ：domId:   
                    minlength : 2,//  
                    maxlength : 30,
                    required : true
                }
            },
            messages : {
                name : {
                    required : "        ",
                    minlength : jQuery.validator.format("    {0}  "),
                    maxlength : jQuery.validator.format("    {0}  ")

                }

            },
            //         
            submitHandler : function(form) {
                ajaxSubmit();
            }
        });

        function ajaxSubmit() {
            $.ajax({
                async : false,
                cache : false,
                type : 'POST',
                data : $("#editForm").serialize(),
                url : "app/edit/destination",//   action    
                error : function() {//          
                    alert('  ');
                },
                success : function(data) { //         。    
                    alert(data);
                }
            });
        }
    script>

폼 검증이 필요하지 않으면 js 코드는 다음과 같습니다.

  
<input type="button" onclick="ajaxSubmit()" value="  " />

<script>
        function ajaxSubmit() {
            $.ajax({
                async : false,
                cache : false,
                type : 'POST',
                data : $("#editForm").serialize(),
                url : "app/edit/destination",//   action    
                error : function() {//          
                    alert('  ');
                },
                success : function(data) { //         。    
                    alert(data);
                }
            });
        }
script>

java 코드

@ResponseBody
@RequestMapping(value = "edit/destination", method = RequestMethod.POST)
public long editDestination(Long id, String name, Float longitude, Float latitude, String username) {
        long result = 0; 
        /*    */
        return result;
}