AJAX에서 변수를 표시하는 방법은 무엇입니까?

Question

사용자가 6 개의 숫자를 입력하는 양식이 있습니다.이 양식은 양식을 제출할 때 수집되어 변수로 저장됩니다. 그런 다음 AJAX를 사용하여 로딩 화면을 표시합니다. AJAX beforeSend 함수를 사용하여 로딩 화면에 입력 된 숫자를 표시하는 방법이 궁금합니다.

  $(function() { 

      $(".submit").click(function() { 

       var num1 = $("#num1").val(); 
       var num2 = $("#num2").val(); 
       var num3 = $("#num3").val(); 
       var num4 = $("#num4").val(); 
       var num5 = $("#num5").val(); 
       var num6 = $("#num6").val(); 
       var dataString = 'num1=' + num1 + '&num2=' + num2 + '&num3=' + num3 + '&num4=' + num4 + '&num5=' + num5 + '&num6=' + num6; 
       if (num1 == '' || num2 == '') { 
        $('.error').fadeOut(200).show(); 
       } else { 

        $.ajax({ 
         type : "POST", 
         url : "index.php", 
         data : dataString, 

         data : jQuery('#numbers_form').serializeArray(), 
         beforeSend : function() { 
          $('#loader').css('display', 'block'); 
          $('#loader').css('margin', 'auto'); 

         }, 
         success : function(res) { 
          $('#success').css('display', 'block'); 
         } 
        }); 
       } 
      }); 
     }); 

Answer 1

변경

else { 

    $.ajax({ 

을해야

else { 
    $('body').append(num1+' '+num2+' '+num3+' '+num4+' '+num5+' '+num6); 
    $.ajax({ 

합니다. 는 beforeSend을 사용하는 것이 절대적으로 필수 인 경우가

$.ajax({ 
    type : "POST", 
    url : "index.php", 
    data : dataString, 
    beforeSend : function() { 
    $('#loader').css('display', 'block'); 
    $('#loader').css('margin', 'auto'); 
    $('body').append(num1+' '+num2+' '+num3+' '+num4+' '+num5+' '+num6); 
    }, 
    success : function(res) { 
      $('#success').css('display', 'block'); 
    } 
}); 

당신은뿐만 아니라 text() 또는 html()에 다른 요소와 append 함수에 'body' 선택을 변경할 수 있습니다합니다.

참고 : 데이터를 두 번 할당했습니다. 입력이 단지 6 개의 숫자라면 그것은 불필요합니다.