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

您可以將'body'選擇器更改為任何其他元素，也可以append函數append到text()或html() 。

注意：您已兩次分配數據。 如果輸入只有6個數字，那將是不必要的。