Как отображать переменные в AJAX?

-1

У меня есть форма, в которой пользователи вводят 6 чисел, которые собираются и сохраняются как переменные при отправке формы. Затем я использую AJAX для отображения экрана загрузки. Мне было интересно, как отображать числа, введенные на экране загрузки, используя функцию AJAX beforeSend?Как отображать переменные в AJAX?

  $(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'); 
         } 
        }); 
       } 
      }); 
     });

источник

2016-08-08 A.Hollingsworth

«AJAX» - это аббревиатура «асинхронный JavaScript и XML» - вы ничего не можете отображать с помощью AJAX. Вы должны использовать HTML, CSS и JS для отображения чего-то ... – feeela

'data: dataString, data: jQuery ('# numbers_form'). SerializeArray(),' <- 'data' устанавливается дважды, что не имеет смысла –

Изменить

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'); 
    } 
});

Вы можете изменить селектор 'body' к любому другому элементу и append функции text() или html(), а также.

Примечание: Вы назначили данные дважды. Это было бы необязательно, если входы были всего 6 чисел.

источник

2016-08-08 15:24:08 AtulBhatS

Как отображать переменные в AJAX?

ответ

Смежные вопросы