dounao1875 2016-08-08 14:48
浏览 17
已采纳

如何在AJAX中显示变量?

I have a form where users enter 6 numbers, which are collect and stored as variables when the form is submitted. I'm then using AJAX to display a loading screen. I was wondering how to display the numbers entered on the loading screen using AJAX beforeSend function?

            $(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');
                        }
                    });
                }
            });
        });
  • 写回答

1条回答 默认 最新

  • dtoka218420 2016-08-08 15:24
    关注

    Change

    else {
    
        $.ajax({
    

    to

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

    That should do it. If it is absolutely mandatory to use beforeSend then make it

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

    You can change the 'body' selector to any other element and append function to text() or html() as well.

    Note: You have assigned data twice. That would be unnecessary if the inputs are only 6 numbers.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面