使用while循环中的ajax将表单提交到数据库

时间:2017-03-10 12:13:01

标签: javascript php html ajax

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

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

没有问题的解决方案

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());



?>

1 个答案:

答案 0 :(得分:0)

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

一样

但总的来说,就像你说的那样,你只是传递第一个值,你需要得到每个crsclg,存在很多方法,但你需要这样的东西:

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

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