在while循环中使用Ajax将表单提交到数据库

Question

我试图通过ajax在数据库中插入值。 从数据库循环进入while的行。 我在每一行中添加了一个具有按钮的列。 在单击按钮时，我正在数据库中提交其正常工作的值。

但是问题在于它仅从第一行插入值。 需要帮忙。 提前致谢。

无法解决问题

PHP代码：

<td><div class="form_style">  
<input type="hidden" name="crs" id="crs" value="<?php echo $crs; ?>">     
<input type="hidden" name="clg" id="clg" value="<?php echo $clg; ?>">     

    <button id="FormSubmit">Apply Now</button>    
    <img src="images/loading.gif" id="LoadingImage" style="display:none" />     
    </div></td>   

Ajax和javascript代码：

<script type="text/javascript">   
$(document).ready(function() {     

    $("#FormSubmit").click(function (e) {   
            e.preventDefault();   

            $("#FormSubmit").hide(); 
            $("#LoadingImage").show(); 

            var myData = {
                    crs: $('#crs').val(),
                    clg: $('#clg').val()

                  };

            jQuery.ajax({
            type: "POST", 
            url: "response.php",
            dataType:"text", 
            data:myData, 
            success:function(response){
                $("#responds").append(response);
                $("#crs").val(''); 
                $("#clg").val('');
                $("#FormSubmit").show(); 
                $("#LoadingImage").hide(); 

            },
            error:function (xhr, ajaxOptions, thrownError){
                $("#FormSubmit").show(); 
                $("#LoadingImage").hide(); 
                alert(thrownError);
            }
            });
    });

});
</script>

Response.php

<?php




    $crs = $_POST["crs"]; 
    $clg = $_POST["clg"]; 



    $strsreg="insert into add_delete_record  (id, content, content1) values('', '$crs', '$clg')";
    $resultsreg=mysql_query($strsreg) or die(mysql_error());



?>

Answer 1

我们需要知道您的response.php是否准备好像定义myData变量一样接收任何json对象

但是总的来说，就像您说的那样，您只是传递第一个值，您需要tio获得每个crs和clg ，存在很多方式，但是您需要这样的东西：

var data = [];
$("table").find(".form_style input:hidden").each(function(){ 
    data.push(this.id); 
});

检查一下： https : //jsfiddle.net/8gxs0wka/