Javascript 在Ajax post方法的成功部分，数据的发布顺序和数据的获取顺序是不同的_Javascript_Php_Jquery_Html_Ajax

Javascript 在Ajax post方法的成功部分，数据的发布顺序和数据的获取顺序是不同的

javascript php jquery html ajax

Javascript 在Ajax post方法的成功部分，数据的发布顺序和数据的获取顺序是不同的,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,在我给定的代码中，我用diff-id动态创建了textbox，在javascript中，一个接一个地获取textbox的值，直到这里所有的事情都很完美，但是当我将这个数据从ajax-post方法传递到另一个文件时，获取数据的顺序将发生变化 $(document).ready(function(){ var i = $('input').size() + 1; $('#add').click(function() { $('<div class

在我给定的代码中，我用diff-id动态创建了textbox，在javascript中，一个接一个地获取textbox的值，直到这里所有的事情都很完美，但是当我将这个数据从ajax-post方法传递到另一个文件时，获取数据的顺序将发生变化

    $(document).ready(function(){
    var i = $('input').size() + 1;
    $('#add').click(function()
    {
        $('<div class="d"><input type="text" class="field" name="dynamic[]" value="' + i + '" /><br/><input type="text" class="field1" name="dynamic1[]" value="' + i+i + '" /></div> ').fadeIn('slow').appendTo('.inputs'); 
        i++;
    });

    $('#remove').click(function() {
    if(i > 1) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--; 
    }
    });

    $('#reset').click(function() {
    while(i > 2) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--;
    }
    }); 

    });
    </script>
    <style>
    .field{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
    }
    .field1{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
     }
    .d{
      display:flex;
    }

    .submit{
    width:110px;
    background-color:#FF6;
    padding:3px;
    border:1px solid #FC0;
    margin-top:20px;
    }   
    </style>
    <body>
    <div>
        <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>  | <a href="#" id="reset">Reset</a>  
    <form method="post" action="dd.php">

        <div class="inputs">    
        </div>
        <input name="submit" type="submit" class="submit" value="Submit">
    </form>
    </div>


$（文档）.ready（函数（）{
变量i=$（'input'）.size（）+1；
$（'#添加'）。单击（函数（）{
var value=parseInt（document.getElementById（'number'）。值，10）；
值=isNaN（值）？0：值；
值++；
document.getElementById（'number'）。value=value；
$（'
'）.fadeIn（'slow'）.appendTo（'inputs'）；
i++；
});
$（“#删除”）。单击（函数（）{
如果（i>1）{
$（'.field:last'）.remove（）；
$（'.field1:last'）.remove（）；
我--；
}
});
$（“#重置”）。单击（函数（）{
而（i>2）{
$（'.field:last'）.remove（）；
$（'.field1:last'）.remove（）；
我--；
}
}); 
$（'.submit'）。单击（函数（）{
var number=document.getElementById（“number”）.value；
对于（var i=1；i在搜索之后，我得到了我的问题的ans，因此我想与所有人分享，所以我只在我的问题上发布我的ans
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 
<script>

$(document).ready(function(){
var i = $('input').size() + 1;
$('#add').click(function()
{
    $('<div id="d"><input type="text" id="field" name="dynamic[]" value="' + i + '" /><br/><input type="text" class="field1" name="dynamic1[]" value="' + i+i + '" /></div> ').fadeIn('slow').appendTo('.inputs'); 
    i++;
});

$('#remove').click(function() {
if(i > 1) {
    $('.field:last').remove();
    $('.field1:last').remove();
    i--; 
}
});

$('#reset').click(function() {
while(i > 2) {
    $('.field:last').remove();
    $('.field1:last').remove();
    i--;
}
}); 

});
</script>
<style>
.field{
padding:0 0 0 0;
    margin: 0 5px 24px 78px;
}
.field1{
padding:0 0 0 0;
    margin: 0 5px 24px 78px;
 }
#d{
  display:flex;
}

.submit{
width:110px;
background-color:#FF6;
padding:3px;
border:1px solid #FC0;
margin-top:20px;
}   
</style>
<body>
<div>
    <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>  | <a href="#" id="reset">Reset</a>  
<form method="post" action="dd.php">

    <div class="inputs">    
    </div>
    <input name="submit" type="submit" class="submit" value="Submit">
</form>
</div> 
</body>
</html>

    $(document).ready(function(){
    var i = $('input').size() + 1;
    $('#add').click(function()
    {
        $('<div class="d"><input type="text" class="field" name="dynamic[]" value="' + i + '" /><br/><input type="text" class="field1" name="dynamic1[]" value="' + i+i + '" /></div> ').fadeIn('slow').appendTo('.inputs'); 
        i++;
    });

    $('#remove').click(function() {
    if(i > 1) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--; 
    }
    });

    $('#reset').click(function() {
    while(i > 2) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--;
    }
    }); 

    });
    </script>
    <style>
    .field{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
    }
    .field1{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
     }
    .d{
      display:flex;
    }

    .submit{
    width:110px;
    background-color:#FF6;
    padding:3px;
    border:1px solid #FC0;
    margin-top:20px;
    }   
    </style>
    <body>
    <div>
        <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>  | <a href="#" id="reset">Reset</a>  
    <form method="post" action="dd.php">

        <div class="inputs">    
        </div>
        <input name="submit" type="submit" class="submit" value="Submit">
    </form>
    </div> 


$（文档）.ready（函数（）{
变量i=$（'input'）.size（）+1；
$（'#添加'）。单击（函数（）
{
$（'
'）.fadeIn（'slow'）.appendTo（'inputs'）；
i++；
});
$（“#删除”）。单击（函数（）{
如果（i>1）{
$（'.field:last'）.remove（）；
$（'.field1:last'）.remove（）；
我--；
}
});
$（“#重置”）。单击（函数（）{
而（i>2）{
$（'.field:last'）.remove（）；
$（'.field1:last'）.remove（）；
我--；
}
}); 
});
.场{
填充：0；
利润率：0 5px24px 78px；
}
.field1{
填充：0；
利润率：0 5px24px 78px；
}
#d{
显示器：flex；
}
.提交{
宽度：110px；
背景色：#FF6；
填充：3倍；
边框：1px实心#FC0；
边缘顶部：20px；
}   
|   |   


dd.php
上述代码无效。您在第一个输入字段中遗漏了类，您保留了id而不是类名。

    $(document).ready(function(){
    var i = $('input').size() + 1;
    $('#add').click(function()
    {
        $('<div class="d"><input type="text" class="field" name="dynamic[]" value="' + i + '" /><br/><input type="text" class="field1" name="dynamic1[]" value="' + i+i + '" /></div> ').fadeIn('slow').appendTo('.inputs'); 
        i++;
    });

    $('#remove').click(function() {
    if(i > 1) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--; 
    }
    });

    $('#reset').click(function() {
    while(i > 2) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--;
    }
    }); 

    });
    </script>
    <style>
    .field{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
    }
    .field1{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
     }
    .d{
      display:flex;
    }

    .submit{
    width:110px;
    background-color:#FF6;
    padding:3px;
    border:1px solid #FC0;
    margin-top:20px;
    }   
    </style>
    <body>
    <div>
        <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>  | <a href="#" id="reset">Reset</a>  
    <form method="post" action="dd.php">

        <div class="inputs">    
        </div>
        <input name="submit" type="submit" class="submit" value="Submit">
    </form>
    </div> 

$（文档）.ready（函数（）{
变量i=$（'input'）.size（）+1；
$（'#添加'）。单击（函数（）
{
$（'
'）.fadeIn（'slow'）.appendTo（'inputs'）；
i++；
});
$（“#删除”）。单击（函数（）{
如果（i>1）{
$（'.field:last'）.remove（）；
$（'.field1:last'）.remove（）；
我--；
}
});
$（“#重置”）。单击（函数（）{
而（i>2）{
$（'.field:last'）.remove（）；
$（'.field1:last'）.remove（）；
我--；
}
}); 
});
.场{
填充：0；
利润率：0 5px24px 78px；
}
.field1{
填充：0；
利润率：0 5px24px 78px；
}
博士{
显示器：flex；
}
.提交{
宽度：110px；
背景色：#FF6；
填充：3倍；
边框：1px实心#FC0；
边缘顶部：20px；
}   
|   |   


请评论您的#删除和#单击jquery函数，然后尝试…不，仍然不工作1检查我的ans我已按名称调用了php post方法我谈论了脚本，它不会像您按类调用的那样进行删除和重置。但输入字段中没有类。因此它不会工作。
    $(document).ready(function(){
    var i = $('input').size() + 1;
    $('#add').click(function()
    {
        $('<div class="d"><input type="text" class="field" name="dynamic[]" value="' + i + '" /><br/><input type="text" class="field1" name="dynamic1[]" value="' + i+i + '" /></div> ').fadeIn('slow').appendTo('.inputs'); 
        i++;
    });

    $('#remove').click(function() {
    if(i > 1) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--; 
    }
    });

    $('#reset').click(function() {
    while(i > 2) {
        $('.field:last').remove();
        $('.field1:last').remove();
        i--;
    }
    }); 

    });
    </script>
    <style>
    .field{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
    }
    .field1{
    padding:0 0 0 0;
        margin: 0 5px 24px 78px;
     }
    .d{
      display:flex;
    }

    .submit{
    width:110px;
    background-color:#FF6;
    padding:3px;
    border:1px solid #FC0;
    margin-top:20px;
    }   
    </style>
    <body>
    <div>
        <a href="#" id="add">Add</a> | <a href="#" id="remove">Remove</a>  | <a href="#" id="reset">Reset</a>  
    <form method="post" action="dd.php">

        <div class="inputs">    
        </div>
        <input name="submit" type="submit" class="submit" value="Submit">
    </form>
    </div>