Как отобразить данные JSON в таблице HTML

#php #html #jquery #wordpress #tablepress

Вопрос:

У меня есть таблица WordPress, и я должен получить данные wp_posts там, где идентификатор равен 30.

Я подумал, давайте сначала проверим в таблице, доступен ли идентификатор 30 или нет. И я нашел идентификатор 30, и данные отображаются, как показано ниже, структура

 ID     | post_title    | post_content
30     | testing       | [["Name","Industry","Number","Website"],["pqr","Other","10","pqr.com"],["lmn","Other","15","lmn.com"],["xyz","Other","20","xyz.com"]]
 

теперь я попробовал приведенный ниже код, чтобы получить данные

process.php

Это мой код списка имен действий

 $query="SELECT * FROM `wp_posts` where ID=30";

try {
          $stmt = $pdo->prepare($query);
          $stmt->execute();
          $row = $stmt->fetch();

        $arr_result= array(
                    "id" =>$row['ID'],
                    "postcontent" => $row['post_content']
                     );
    
        }
        catch(PDOException $e) {
            echo "Error: " . $e->getMessage();
        }

        print_r($arr_result);

        //echo json_encode($arr_result);
 

Теперь я получаю вывод ниже

 Array ( 
       [id] => 30 
       [postcontent] => [
                          ["Name","Industry","Number","Website"],
                          ["pqr","Other","10","pqr.com"],
                          ["lmn","Other","15","lmn.com"],
                          ["xyz","Other","20","xyz.com"],
                        ] 

            ) 

I have the below script when the page loads then it will call the process.php

<script type="text/javascript">
        $(document).ready(function(){
            $.ajax({
                url: 'process.php',
                method:'post',
                dataType: "json", 
                data:{action:"emplist"},  
                success: function(data){
                var htmlText = '';
                for (var key in data['postcontent']) {

                htmlText  = '<div>'   data[key].postcontent   '</div>'; 
                }
                $('body').append(htmlText);
                    
                }
            });

        });
    </script>
 

Моя проблема в том, как я могу показать вышеуказанные выходные данные в таблице html?

Моя консоль.журнал(данные) выводится

 Object {
             id: 30, 
             postcontent: "[["Name","Industry","Number","Website"],
                           ["pqr","Other","10","pqr.com"],
                           ["lmn","Other","15","lmn.com"],
                           ["xyz","Other","20","xyz.com"],

                           ]" }
 

Комментарии:

1. добавьте console.log(данные); в случае успеха js посмотрите, как он возвращается

2. @Marty, я добавил вывод console.log(данные) в вопрос. Пожалуйста, проверьте это один раз.