Связывание Jquery для создания живой таблицы

Я не могу связать JQuery с моим файлом. Я хочу создать живую таблицу для отображения и редактирования данных из моей базы данных с использованием ajax, php и mysql. Я много раз проверял код и не нашел ни одной орфографической ошибки.

Мой html("имя: clase_zbor.php")

    <?php 
    session_start();

    ?>

    <!DOCTYPE html>
    <html>
    <head>
        <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
        <meta charset = "UTF-8">
        <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous">
        <link href = "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel = "stylesheet" integrity = "sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin = "anonymous">
        <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <link rel = "stylesheet" href = "style.css">
        <title>TravelTo</title>

    </head>

    <body>

     <section id = "admin">
           <div class = "container">
               <div class = "table-responsive">
                   <h3 align = "center"> Live table</h3>
                   <div id = "live_data">   
                   </div>
               </div>
           </div>
        </section>

    </body>
    </html>


<script>

    $(document).ready(function(){
       function fetch_data()
          {
           $.ajax({
               url:"select.php",
               method:"POST",
               success:function(data){
                   $('#live_data').html(data);
               }
           });
       }

       fetch_data();
       $(document).on('click','#btn_add',function(){
           var nume_clasa= $('#nume_clasa').text();
           if (nume_clasa == ''){
               alert("Introdu numele clase");
               return false;
               }
           $.ajax({
               url:"insert.php",
               method:"POST",
               data:{nume_clasa:nume_clasa},
               dataType:"text",
               success:function(data){
                   alert(data);
                   fetch_data();
               }
           });
       });
    });

</script>

Мой файл select.php:

<?php

   require('../../connect.php');

    $output='';
    $sql = "select * from clasa order by id_clasa desc;";
    $result=mysqli_query($conn,$sql);
    $result_check=mysqli_num_rows($result);

    $output.='
        <div class = "table-responsive">
            <table class = "table table-striped text-center table-bordered">
                 <thead class = "thead-dark">
                   <tr>
                      <th>ID</th>
                       <th>Nume_clasa</th>
                       <th>Action</th>
                      </tr>
                 </thead>';

if ($result_check > 0){
    while($row=mysqli_fetch_array($result)){
        $output.='<td>'.$row["id_clasa"].'</td>
                <td class = "nume_clasa" data-id1 = "'.$row["id_clasa"].'" contenteditable>'.$row["nume_clasa"].'</td>
                <td><button name = "btn_delete" id = "btn_delete" data_id2 = "'.$row["id_clasa"]'" >Delete</button></td>
            ';
    }

    $output.='<tr> 
                <td></td>
                <td id = "nume_clasa" contenteditable></td>
                <td><button name = "btn_add" id = "btn_add" class = "btn btn-xs btn-succes">+</button></td>
            </tr>';

}
else{
    $output.='<tr>
                <td colspan = "3">Nu exista date</td>
                </tr>';
}

$output.='</table>
            </div>';
?>

Я попытался связать JQuery напрямую, не загружая файл JQuery.

я отредактировал свой код сверху и оставил только одну версию JQuery, но она все равно не показала мне таблицу с данными

— 21.05.2019 20:33

Насколько я могу судить, ваш файл select.php добавляет весь html к переменной $output. Я не вижу, где вы когда-либо echo $output в конце на самом деле вернуть его.

— 21.05.2019 20:35

В этом была проблема... Ты спас меня!

— 21.05.2019 20:37

javascript php jquery

21.05.2019 20:18

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

PHP-скрипт, кажется, добавляет весь html к переменной $output, однако он никогда не echo $output в конце, что приведет к отправке вывода в ответ. Как бы то ни было, вы конструируете результат и ничего с ним не делаете.

Поместите echo $output в конец вашего скрипта, чтобы вернуть ответ клиенту.

21.05.2019 20:38