使用ajax编辑数据库条目并返回编辑的数据

xhv8bpkk 于 2021-06-21 发布在 Mysql

关注(0)|答案(2)|浏览(286)

我有以下表格：

<?php 
        echo "<strong>".$Event_data_fetched['event_subject']."</strong><br />";

        echo   '<form id="Event_Editing" action="#" method="post">
                    Event-Type:<br />
                    <select name="edited_event_type">
                        <option>'.$Event_type.'</option>
                        <option>'.$Unselected_1.'</option>
                        <option>'.$Unselected_2.'</option>
                    </select><br /><br />

                    Event-Subject:<br />
                    <input type="text" name="edited_event_subject" value="'.$Event_data_fetched['event_subject'].'"/><br /><br />

                    <input id="Edit_Event" type="submit" name="Edit_Event" value="Speichern">
                </form>';               
    ?>

该表单用于显示数据库中某一行的数据，并向用户提供编辑所述数据的选项。我已经有了一个查询来处理数据，并在提交表单时重写数据库中编辑的数据：

if(isset($_POST['Edit_Event'])){
        $New_Type_Value = $_POST['edited_event_type'];
        $New_Subject_Value = $_POST['edited_event_subject'];

        if($New_Type_Value == "Meet"){
            $New_Type_Value = 1;
        }
        else if($New_Type_Value == "Clubday"){
            $New_Type_Value = 2;
        }
        else if($New_Type_Value == "Surprise-Event"){
            $New_Type_Value = 3;
        }

        $edit_data_query = "UPDATE b6vjp_event
                            SET event_type_id = $New_Type_Value,
                                event_subject = '$New_Subject_Value'
                            WHERE id = $Event_id";

        mysqli_query($GLOBALS['connect'], $edit_data_query);
    }

现在我想把这段代码放到一个单独的.php文件中。
我的最终目标是将表单发布到ajax脚本中，然后将数据发送到一个单独的文件中，在该文件中用新数据编辑db。插入后，新编辑的数据应返回并写回表格。我还需要发布一个带有行id的变量。否则，查询将不知道在何处插入编辑的数据。
我在谷歌上搜索了很多东西，尝试了很多东西，但似乎没有找到任何特别适合我的东西。我偶然发现了一个代码，看起来是个好的开始，但不是我想做的：

<script type='text/javascript'>
    /* attach a submit handler to the form */
    $("#Event_Editing").submit(function(event) {

    /* stop form from submitting normally */
    event.preventDefault();

    /* get the action attribute from the <form action=""> element */
    var $form = $( this ),
        url = $form.attr( 'action' );

    /* Send the data using post with element id name and name2*/
    var posting = $.post( url, { name: $('#name').val(), name2: $('#name2').val() } );

    /* Alerts the results */
    posting.done(function( data ) {
        alert('success');
    });
    });
</script>

我最大的问题是我不太擅长ajax。有人知道我会怎么做吗？

mysql php jquery ajax

来源：https://stackoverflow.com/questions/52307888/edit-database-entry-with-ajax-and-return-edited-data

2条答案

按热度按时间

iovurdzv1#

您可以这样设置ajax调用：

<?php 
echo "<strong>".$Event_data_fetched['event_subject']."</strong><br />";

echo   '<form id="Event_Editing" action="#" method="post">
            Event-Type:<br />
            <select name="edited_event_type">
                <option>'.$Event_type.'</option>
                <option>'.$Unselected_1.'</option>
                <option>'.$Unselected_2.'</option>
            </select><br /><br />

            Event-Subject:<br />
            <input type="text" name="edited_event_subject" value="'.$Event_data_fetched['event_subject'].'"/><br /><br />

            <input id="Edit_Event" type="submit" name="Edit_Event" value="Speichern" onclick='editData();'>
        </form>';        

?>

<script>

    function editData(){
        var value = document.getElementById('Event_Editing').value;

        $.ajax({
            url : 'your-backend-file-with-DB-Query.php',
            method : 'POST',// OR GET
            data: {value:value},
            dataType: 'json',
            success:function(data) {

            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert("readyState: "+xhr.readyState+"\nstatus: "+xhr.status);
                alert("responseText: "+xhr.responseText);
            }

        }); 

    }

</script>

然后在后端文件中，您可以接收如下值：

<?php

/*CONNECTION TO DB*/

$value = $_POST['value'];

/*Now you can use this value in your Query and update the database*/

?>

赞(0）回复(0）举报 2021-06-21

jljoyd4f2#

如果您当前的代码运行良好，没有任何问题，
你可以用 echo json_encode($_POST); 在php文件的代码末尾返回数据库中更新的数据。
在javascript代码中，

posting.done(function( data ) {
       //Prits data you returned on console.
        console.log(data);
    });

赞(0）回复(0）举报 2021-06-21

我来回答

使用ajax编辑数据库条目并返回编辑的数据

2条答案

相关问题

热门标签

最新问答