Как исправить [OBJECT OBJECT] в ajax для просмотра данных

Question

Как отобразить заголовок данных, изображение и контент?

вот код:

просмотр. php

 $id = $_REQUEST['edit_literature_id'];
        $literature = $_REQUEST['literatureID'];
        $module = $_REQUEST['edit_moduleId'];

        if (isset($id)) {
            $dataArr = array();
            $responseArr = array();

            $sql = "SELECT * FROM $literature WHERE `id`='".$id."'";

            if ($result = mysqli_query($conn, $sql)) {
                if (mysqli_num_rows($result) > 0) {
                    while ($row = mysqli_fetch_array($result)) {
                    $data['title'] = $row['title'];
                    $data['name'] = 'data:image/jpeg;base64,' . base64_encode($row['name']);
                    $data['content'] = $row['content'];

                        array_push($dataArr, $data);
                    }
                    echo  json_encode($dataArr);
                }
                mysqli_free_result($result);
            } else {
                echo "No Record";
            }
        }

index. php

$(document).ready(function () {
            $(document).on('click', '#btnModalUpdate', function (e) {
                e.preventDefault();
                rowId = $(this).attr('data-id');
                moduleData = $(this).attr('data-module');
                literatureData = $(this).attr('data-literature');
                $('#edit_id').val(rowId);
                $('#edit_module').val(moduleData);
                $('#edit_literature').val(literatureData);
                $('#edit_imageId').val(rowId);
                $('#update').val('update');
                $.ajax({
                    type: 'POST',
                    url: '../../crud/read/view.php',
                    data: $('#modalFormUpdate').serialize(),
                    dataType: 'json',
                    success: function (data) {
                        alert(data)
                    }
                });
            });
});

введите описание изображения здесь

Что я пытаюсь сделать, это получить заголовок, изображение и контент. но когда я пытаюсь предупредить данные, которые отображаются [OBJECT OBJECT], я также пробовал alert(data.title), но вывод не определен.

Answer 1

Попробуйте использовать

let parsedJson = JSON.parse(data); 

при успешном вызове ajax. затем попробуйте использовать переменную Json для получения ваших данных. Например,

$(document).ready(function () {
            $(document).on('click', '#btnModalUpdate', function (e) {
                e.preventDefault();
                rowId = $(this).attr('data-id');
                moduleData = $(this).attr('data-module');
                literatureData = $(this).attr('data-literature');
                $('#edit_id').val(rowId);
                $('#edit_module').val(moduleData);
                $('#edit_literature').val(literatureData);
                $('#edit_imageId').val(rowId);
                $('#update').val('update');
                $.ajax({
                    type: 'POST',
                    url: '../../crud/read/view.php',
                    data: $('#modalFormUpdate').serialize(),
                    dataType: 'json',
                    success: function (data) {
                    let parsedJson = JSON.parse(data);
                        alert(parsedJson.title);
                    }
                });
            });
});

, если вы хотите узнать больше о JSON .parse (), вот ссылка: https://www.w3schools.com/js/js_json_parse.asp

надеюсь, что это может помочь :)

Answer 2

try console.log (JSON .stringify (data, null, 4)); или предупреждение (JSON .stringify (data, null, 4));