Рендеринг модальный при вызове из другого файла с помощью ajax и php - PullRequest
Новая
       11

Рендеринг модальный при вызове из другого файла с помощью ajax и php

0 голосов
/ 19 января 2019

Я пытаюсь использовать функцию jjery ajax на sidebar.php для извлечения данных из базы данных, используя другую страницу (fetch_data.php), которая содержит весь код для извлечения данных

В sidebar.php я использовал скрипт начальной загрузки и jquery внизу страницы, а затем я использовал функцию fetch_data в функции $ (document) .ready и вызвал эту функцию после ее определения

я показываю файлы sidebar.php и fetch_data.php

sidebar.php

` 

        <div class="col-lg-6">
        <h1>Menu List</h1>

            <div id="live_data"></div>
        </div>
        <!-- JavaScript -->
        <script src="js/jquery-1.10.2.js"></script>
        <script src="js/bootstrap.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
    function fetch_data()
    {
      $.ajax({
        url:'../view/fetch_data.php',
        method:"post",
        success:function(result)
        {
          $('#live_data').html(result);
        }
      })
    }
    fetch_data();
  });
</script>`

fetch_data.php

`

   $output.='<table class="table">
        <tr>
          <th>Menu Name</th>
          <th>Options</th>
        </tr>';

  foreach ($result as $value) 
  {
  $output.='<tr>
  <td>'.$value["menu"].'</td>
  <td><button class="btn btn-danger">Delete</button>
      <button class="btn btn-success" data-toggle="modal" data- 
    target="#'.$value["id"].'>Edit</button>


      <div id="'.$value["id"].'" class="modal fade" role="dialog">
        <div class="modal-dialog">


          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data- 
            dismiss="modal">&times;</button>
              <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
              <form id="addform" method="post">

                <div class="form-group">
                  <label>Menu Name</label>
                  <input class="form-control" name="menu_name" 
             value="'.$value["menu"].'">
                </div>
                <input type="submit" class="btn btn-default" name="edit" 
             value="EDIT">
              </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data- 
           dismiss="modal">Close</button>
            </div>
          </div>

        </div>
      </div>
  </td>
</tr>';

}
          $output.='</table>';

          echo $output;`

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

...