[JQUERY] jQuery는 양식을 제출 한 다음 기존 DIV에서 결과를 표시합니다.

jQuery는 양식을 제출 한 다음 기존 DIV에서 결과를 표시합니다.

해결법

1. ---

   1.이 코드는해야합니다. 이것은 단순한 폼 플러그인이 필요하지 않습니다.

   이 코드는해야합니다. 이것은 단순한 폼 플러그인이 필요하지 않습니다.

   $('#create').submit(function() { // catch the form's submit event
       $.ajax({ // create an AJAX call...
           data: $(this).serialize(), // get the form data
           type: $(this).attr('method'), // GET or POST
           url: $(this).attr('action'), // the file to call
           success: function(response) { // on success..
               $('#created').html(response); // update the DIV
           }
       });
       return false; // cancel original event to prevent form submitting
   });
   

2. ---

   2.이 작업은 파일 업로드에도 작동합니다

   이 작업은 파일 업로드에도 작동합니다

   $(document).on("submit", "form", function(event)
   {
       event.preventDefault();
   
       var url=$(this).attr("action");
       $.ajax({
           url: url,
           type: 'POST',
           dataType: "JSON",
           data: new FormData(this),
           processData: false,
           contentType: false,
           success: function (data, status)
           {
               $('#created').html(data); //content loads here
   
           },
           error: function (xhr, desc, err)
           {
               console.log("error");
   
           }
       });        
   
   });
   

3. ---

   3.페이지를 새로 고치지 않으려면 Ajax를 사용하여 양식을 게시해야합니다.

   페이지를 새로 고치지 않으려면 Ajax를 사용하여 양식을 게시해야합니다.

   $('#create').submit(function () {
       $.post('create.php', $('#create').serialize(), function (data, textStatus) {
            $('#created').append(data);
       });
       return false;
   });
   

from https://stackoverflow.com/questions/1218245/jquery-submit-form-and-then-show-results-in-an-existing-div by cc-by-sa and MIT license