如何使用PHP中动态创建的按钮更改数据库值

时间:2016-11-28 23:04:22

标签: javascript php jquery html

我使用PHP动态创建html内容,我正在创建一个按钮,当单击该按钮时,它应该调用一个PHP脚本,它将更新数据库中特定行的列的值

这是我的代码:

<?php
    session_start();

    if(!isset($_SESSION['id'])){
        header("Location: login.php");
    }else{
        require_once("mysqli_connect.php");

        $query = "SELECT * FROM markeri WHERE odobreno ='F'";

        $response = @mysqli_query($dbc,$query);

        if($response){
            echo "<hr>";
            while($row = mysqli_fetch_assoc($response)){
                echo "<div align='center' id='markeri'><h3>Naziv: " . $row['naziv'] . "</h3>";
                echo "<h3>Ulica: " . $row['ulica'] . "</h3>";
                echo "<h3>Opis:</h3>" . "<p>" . $row['opis'] . "</p>";
                echo "<h4>Email: " . $row['email'] . "</h4>";
                echo "<img src='" . $row['link_slike'] . "' width='300px' /></br>";
                echo "<form action='update.php' method='POST'>";
                echo "<textarea rows='10' cols='30' maxlength='500' placeholder='Komentar' name='" . $row['marker_id'] . "'></textarea></br>";
                echo "<input type='button' value='Odobri' name='" . $row['marker_id'] . "b" . "' /></form><hr>";
            }
        }




    }


?>

我试过让textarea的名字等于我的数据库中的marker_id,并使按钮的名称为marker_id的值+字符串&#34; b&#34;但我不知道如何在我的update.php脚本上调用它们。通常在正常情况下,如果没有动态内容,我知道如何使用$_POST['name'];

修改

我使用AJAX动态创建HTML,就像你告诉我的那样,但我遇到了另一个问题

<script>
    function page_loaded(){
        jQuery.ajax({
            method: "GET",
            url: "get_data_dashboard.php",
            success: function(data){
                var markers = JSON.parse(data);
                for(var i = 0; i < markers.length; i++){
                    var m = markers[i];
                    var markerHTML = "<div class='marker'>" +
                        "<span id='naziv'>Naziv zahtjeva: " + m.naziv + "</span></br>" + 
                        "<span id='ulica'>Ulica: " + m.ulica + "</span></br>" + 
                        "<p id='opis'>Opis:</br>" + m.opis + "</p></br>" + 
                        "<span id='email'>Email: " + m.email + "</span></br>" + 
                        "<img id='slika' src='" + m.link_slike + "' />" + "</br>" + 
                        "<textarea rows='5' cols='30' maxlength='500' id='t" + m.marker_id + "' placeholder='Komentar'>" + "</textarea></br>"
                        + "<div class='buttons'><a href='odobri_prijavu.php?id=" + m.marker_id + "'>Odobri</a>" +
                            "<a href='izbrisi_prijavu.php?id=" + m.marker_id + "'>Izbriši</a>"  + "</div>"  + 
                        "</div><hr>";

                    $('#content').append(markerHTML);
                }

            }
        })



    }
    $(document).ready(page_loaded());

</script>

我尝试使用按钮,但我无法想象如何将事件处理程序添加到动态创建的按钮,这些按钮将通过AJAX将请求发布到某个php脚本,并使用正确的id作为值和textarea的值。所以我使用了锚标签,我能够发送id,但是我无法发送textarea的值,因为我不知道如何引用它,即使我引用它,它也会NULL因为它的值在一开始就设置为锚标记,我想在textarea中键入文本。

2 个答案:

答案 0 :(得分:0)

试试这个

$(".btn_class_nm").click(function(){
       $.ajax({
          type: "POST",
          url: "http://domain.com/phpscript_filenm.php",
         data: {
            val1:"val1",
            val2:"val1",
         },
          success: function(msg){
             alert( "record updated"); //Anything you want
          }
       });   


 });

答案 1 :(得分:0)

首先为Button生成一个Class Name,因为它是动态生成的,并且它们的数量可以根据查询返回的记录数而变化。这样的事情: -

echo "<input type='button' class='btn btn-primary btn-xs btn-block active view_data'  value='Odobri' name='" . $row['marker_id'] . "b" . "' /></form><hr>";

请注意,我在类定义中添加了view_data。这将有助于通过jquery捕获onclick事件。

jquery将类似于

$('.view_data').click(function(){   
    var yourvariable = JSON.stringify($(this).val()); //Gets Clicked button value   

 $.ajax({       
     url:"workstatus.php",          
         method:"post",         
         data:{yourvariable:yourvariable, anymoreyourvariables:anymoreyourvariables, ,  },          
         success:function(data){        
             $('#htmldivID').html(data);//If you want result there.
             alert( "record updated"); //Anything you want
         }          
 });    

我希望这会对你有所帮助。