Загрузить часть страницы в каталог symfony 3 из jquery

Я использую Symfony, и у меня есть элемент в файле web / getTable.php, который я хотел бы загрузить. Код этого элемента находится здесь:

<p id = "hello">Hello World!!!</p>

Как я могу это получить? Прежде чем опубликовать это, я пробовал это:

$('#btn').click(function(){
$('span').load("{{asset('getTable.php #hello')}}");
});
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<button id = "btn">load</button>
<span id = "#test"></span>
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
1
0
73
2

Ответы 2

Лучшим подходом может быть его обычная загрузка в скрытом диапазоне, а затем при нажатии кнопки вы просто делаете диапазон видимым. Если он загружается долго или вы не хотите предварительно загружать его, вам нужно выполнить фактический вызов Ajax (пример) и построить HTML. Конечно, было бы лучше использовать CSS для отображения: нет, но это должно быть основой для его работы.

HTML:

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">     </script>
<button id = "btn">load</button>
<span id = "#test" style = "display:none">{{asset('getTable.php #hello')}}</span>

JavaScript:

$('#btn').click(function(){
    $('span').show();
});

Я пробовал, и он показывает путь к "getTable.php #hello". Я хочу получить текст «Hello World !!!».

Tsiresgrammeur 08.01.2019 12:33

@Tsiresgrammeur Что именно содержит getTable.php? Я предполагал, что вы визуализируете HTML в действии контроллера? Я никогда не видел, чтобы актив использовался для загрузки файла php. Обычно это изображения и тому подобное, но это может быть просто использование, с которым я не знаком.

Beatscribe 08.01.2019 15:20

На самом деле я хочу загрузить файл php, чтобы не обновлять каждый момент, когда я захожу в меню. Если я использую веточку, это не так. Как я уже сказал в своем вопросе, в файле getTable.php есть элемент: <p id = "hello"> Hello World !!! </p>. GetTable.php получает все содержимое в моей базе данных, но вместо этого элемента я заменю его на comboBox, который содержит все содержимое таблицы в моей базе данных.

Tsiresgrammeur 09.01.2019 08:23
the really content of getTable.php is this

    
    //this is in my twig file
    <script>
        $('btn').click(function(){
        $('#test').load("{{asset('getTable.php #list')}}");
        });
    
    
    
     </script>
    //in the getTable.php file
  <table>
    <thead>
  <tr>
    <th>Type</th>
    <th>Nombre de Place Libre</th>
    <th>Nombre de Place Exigé</th>
  </tr>
  </thead>
  <tbody>
<?php
$bdd=new PDO('mysql:host=localhost;dbname=gestion_ressources_humaines', 'root','');

$reponse=$bdd->query('SELECT id, type, nbPlaceLibre, nbPlaceExige FROM fonction');

while ($donnees = $reponse->fetch())
{
?>
  <tr>
    <td style = "display:none;"><?php echo $donnees['id']; ?></td>
    <td><?php echo $donnees['type']; ?></td>
    <td><?php echo $donnees['nbPlaceLibre']; ?></td>
    <td><?php echo $donnees['nbPlaceExige']; ?></td>
  </tr>
<?php
}

?>
</tbody>
</table>
<?php
$reponse->closeCursor(); // Termine le traitement de la requête

?>
<script>
$(function(){
  $("tr").click(function(){
  $('tr').removeClass('selected');
if ($(this).hasClass('selected'))
    $(this).removeClass('selected');
else
  $(this).addClass('selected');
        });
        });

</script>
    
    <p id = "hello">Hello world!!!</p>
    

Другие вопросы по теме