Tekst php w funkcji javascript

pytanie zadane 18 stycznia w PHP przez Iei Obywatel (1,950 p.)

Czy jest możliwe, żeby tekst z php został wstawiony w miejsce, które wskaże javascriptowa metoda

document.getElementById()

? Chciałbym, żeby w miejsce diva o id container po kliknięciu buttona został wstawiony tekst "Something", ale żeby pochodził on z php a nie javascriptu. W konsoli narzędzi developerskich wypisuje mi błąd

Uncaught ReferenceError: Something is not defined

A to cały kod:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My site</title>
</head>
<body>
<div id="container">Text</div>
<button id="btn1" onclick="func()">Click me</button>
<script>function func() {
document.getElementById('container').innerHTML = <?php echo "Something"; ?>;
}
</script>    
</body>
</html>

2 odpowiedzi

odpowiedź 18 stycznia przez Comandeer Guru (601,590 p.)
wybrane 18 stycznia przez Iei

Najlepsza

Zobacz, co dostaje przeglądarka po wykonaniu się kodu PHP:

document.getElementById('container').innerHTML = Something;

Brakuje cudzysłowów/apostrofów wokół tekstu wstawianego przez PHP:

document.getElementById('container').innerHTML = '<?php echo "Something"; ?>';

Trzeba tylko uważać na cudzysłowy i apostrofy wewnątrz tekstu generowanego przez PHP, bo inaczej skończymy z błędami składniowymi w JS-ie. Wypada więc dobrać taki rodzaj cudzysłowu w JS-ie, żeby mieć pewność, że nic się nie sypnie (` – template string – może być dobrym wyborem).

komentarz 20 stycznia przez Piotrek2713 Mądrala (5,400 p.)

Ogólnie kod php może się znajdować w dowolnym miejscu w kodzie html. Sam nawet pobierałem dane z bazy i wstawiałem je jako wlaściwości za pomocą php

odpowiedź 18 stycznia przez VBService Ekspert (253,420 p.)

Podam jako ciekawostkę, że tekst "Something", możesz też "pobrać" w momencie kliknięcia za pomocą ajax-a (fetch)

<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My site</title>
  </head>
  <body>
    <div id="container">Text</div>
    <button id="btn1">Click me</button>
    <script>
      document.getElementById('btn1').addEventListener('click', function() {
        fetch('twoj_plik_.php')
          .then(response => response.text())
          .then(data => {
            document.getElementById('container').innerHTML = data;
          })
          .catch(error => console.error('Error:', error));
      });
    </script>
  </body>
</html>

lub

<!DOCTYPE html>
<html lang="pl">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My site</title>
  </head>
  <body>
    <div id="container">Text</div>
    <button id="btn1">Click me</button>

    <script>
      const btn = document.querySelector('#btn1');
      btn.addEventListener('click', showText);

      async function showText() {
        const container = document.querySelector('#container');

        try {
           const response = await fetch('twoj_plik_.php');
           if (!response.ok)
             throw new Error(`HTTP error! Status: ${response.status}`);

           container.innerHTML = await response.text();
        } catch (error) {
           console.error('Error:', error);
        }
      }
    </script>
  </body>
</html>

<?php
  // twoj_plik_.php
  // plik uproszczony maksymalnie na potrzeby demonstracji :-)
  echo 'Somethink';
?>

Podobne pytania

0 głosów

1 odpowiedź 1,089 wizyt

Skrypt javascript wewnątrz funkcji PHP

pytanie zadane 27 lutego 2018 w PHP przez Gal Anonim Nowicjusz (120 p.)

0 głosów

0 odpowiedzi 77 wizyt

Problem z zadaniem. Tekst w kształcie funkcji sinus

pytanie zadane 4 października 2021 w JavaScript przez qwertyuippo Nowicjusz (120 p.)

0 głosów

1 odpowiedź 3,693 wizyt

Jak napisać funkcję, aby tekst po kliknięciu zmieniał się na kolejny? [JavaScript]

pytanie zadane 3 maja 2019 w JavaScript przez Koniuu Nowicjusz (150 p.)

Tekst php w funkcji javascript

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci