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'セレクターを変更することができます。

注：データを2回割り当てました。入力が6つしかない場合は、これは不要です。