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

Question

我正在使用 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>";
            }
        }




    }


?>

我尝试过将文本区域的名称设置为等于数据库中的marker_id，并将按钮的名称设置为marker_id + 字符串“b”的值，但我不知道如何在更新时调用它们.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 作为值和文本区域的值。所以我使用了 anchor 标记，我能够发送id，但是我无法发送textarea的值，因为我不知道如何引用它，即使我引用它，它也会是NULL，因为它的值一开始就设置为 anchor 标记，我想在文本区域中输入文本。

Answer 1

试试这个

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


 });