Problem przesyłem danych zmiennych między PHP a JS.

pytanie zadane 19 czerwca 2015 w JavaScript przez ShiroUmizake Nałogowiec (46,300 p.)
edycja 19 czerwca 2015 przez Comandeer

Według "internetów", skrypt umożliwiający wykonanie get zmiennych php. Wygląda następująco:

var phpText = <?php include("class/prolog.php"); prolog() ?>

JS pobiera zgodnie instrukcja wywołowanie funkcji prolog () wraz instrukcją:

<?php

function prolog ()
{

$name_file1 = "http://localhost/Agitta/class/text/chapter0/prolog_text_1.txt";
$name_file2 = "http://localhost/Agitta/class/text/chapter0/prolog_text_2.txt";
$name_file3 = "http://localhost/Agitta/class/text/chapter0/prolog_text_3.txt";


// Show Text

    $show1 = file_get_contents($name_file1);
    $show2 = file_get_contents($name_file2);
    $show3 = file_get_contents($name_file3);
    
    
    
    // Test Function
    echo $show1;
}

?>

i "echuje zawartość pliku"(jest to string) , jednakże zwraca błąd.

"Nie jestem w stanie zdefinować zawartości zmiennej"

Co ciekawe raz działa ten fragment kodu:

document.getElementById("showText").innerHTML = phpText;

Ale wtedy nie działają, funkcje obiektów klasy (showProlog) z zapisanym eventem onload strony. Gdy się ta posypała, pozostałe również padły.

Pierw myślałem, że problem jest znacznik końca lini. Jednakże, nie akceptuje ani: ani tego znacznika " (by wskazać, że zmienna jest stringem) ani tego ";"

Niestety dalej zwracało błąd, Związku z tym mam pytanie: Czy da radę, zmusić do właściwego interpretowania JS stringa wieloliniowego z elementam HTML (między innymi <br>), bez użycia AJAX?.

Poniżej przedstawiam pełny kod:

<script>
        var text        = document.getElementById("showText");
        var next         = document.getElementById("nextButton");
        var prologText  = document.getElementById("prologText");
        var phpText     = <?php include("class/prolog.php"); prolog() ?>



function showProlog ()
        {
            
            text.classList.add("jsPrologclass");
            next.classList.add("jsPrologclass");
            prologText.classList.add("jsPrologShowClass");
                        
        };
        
        function CloseProlog ()
        
        
        {
        
        //Show TEXT
                
                text.classList.remove       ("jsPrologclass");
                text.classList.add          ("jsPrologShowClass-1");
                next.classList.remove       ("jsPrologclass");
                next.classList.add            ("jsPrologShowClass-1");
                prologText.classList.remove ("jsPrologShowClass");
                prologText.classList.add    ("jsPrologclass");
                document.getElementById("showText").innerHTML = phpText;

                
        };

</script>

PHP:

<?php
// Agita first game[FLAG]= YES [TRUE]
// name files

function prolog ()
{

$name_file1 = "http://localhost/Agitta/class/text/chapter0/prolog_text_1.txt";
$name_file2 = "http://localhost/Agitta/class/text/chapter0/prolog_text_2.txt";
$name_file3 = "http://localhost/Agitta/class/text/chapter0/prolog_text_3.txt";


// Show Text

    $show1 = file_get_contents($name_file1);
    $show2 = file_get_contents($name_file2);
    $show3 = file_get_contents($name_file3);
    
    
    
    // Test Function
    echo $show1;
}

?>

1 odpowiedź

odpowiedź 19 czerwca 2015 przez Comandeer Guru (600,810 p.)

Składnia ES6, tzw. template strings:

var txt = `kilka linijek
zero
błędu
YAY!`;

Oczywiście nie działa w większości przeglądarek. Ale przecież w ES5 można zescape'ować znaki nowej linii i powinno puścić:

var txt = 'kilka linijek \
zero \
błędu \
YAY!';

Więc w PHP warto zamienić nową linię na uciekniętą nową linię:

var phpText = <?=str_replace(PHP_EOL, '\\'. PHP_EOL, prolog()); ?>

komentarz 19 czerwca 2015 przez ShiroUmizake Nałogowiec (46,300 p.)

Podmieniłem odrobinę kod:

Dalej twierdzi, ze nie jest w stanie zdefinowac zawartosc.

<?php
       include("class/prolog.php");
       ?>
       <script>
       var text        = document.getElementById("showText");
       var next         = document.getElementById("nextButton");
       var prologText = document.getElementById("prologText");
       var phpText     = <?=str_replace(PHP_EOL, '\\'. PHP_EOL, prolog()); ?>

Zwraca mi taki błąd:

ReferenceError: cosie is not defined

Wartosc zmiennej phpText = cosie

cosie

Bez końca znacznika linii.

Próbowałem również za pomocą AJAX-a.

var r = getXMLHttpRequest();
r.open ("GET" , "http://localhost/Agitta/class/text/chapter0/prolog_text_1.txt", true);
r.send(null);
r.onreadystatechange = processResponse;

function processResponse ()
{
if (r.readyState == 4) {
    if (r.status == 200) {
      var chapter0_text0 = r.responseText;
    };
};
}

console.log("chapter0_text0");

połączył się i pobrał zawartość. Tylko tak samo jak na górze. Wartośc była nie zdefiniowana.

komentarz 19 czerwca 2015 przez Comandeer Guru (600,810 p.)

 var phpText     = '<?=str_replace(PHP_EOL, '\\'. PHP_EOL,  prolog()); ?>';

Jak już. Przecież każdy string musi być otoczony apostrofami/cudzysłowami (tak, zapomniałem o tym w przykładzie).

Co do Ajaksa: on jest asynchroniczny, więc cały kod musiałby być wewnątrz callbacku dla żądania

komentarz 19 czerwca 2015 przez ShiroUmizake Nałogowiec (46,300 p.)

Chyba po prostu je wpisze prosto do js, bo juz sie robi to trochę irytujące.

Po twojej sugestii, pojawił się inny błąd :)

SyntaxError: unterminated string literal.

W konsoli, wartosc zmiennej phpText = 'cosie

cosie';

komentarz 19 czerwca 2015 przez Comandeer Guru (600,810 p.)

Hmm… Wygląda na to, że nie znalazło tam znaku końca linii…

A coś takiego?

var phpText     = '<?=str_replace(["\n", "\r\n", "\r", PHP_EOL], '\\'. PHP_EOL,  prolog()); ?>';

komentarz 19 czerwca 2015 przez ShiroUmizake Nałogowiec (46,300 p.)
edycja 19 czerwca 2015 przez ShiroUmizake

Dalej błąd.

Po próbie z /n w txt.

Nic to nie dało... Owszem jak zawsze przeczytał ale w taki sposób "cosie\ncosie". Brak mi słów... xD

Cóż, pozostało mniej profesjonalne, wpychanie tekstów bezpośrednio do zmiennych :P.

Ale dziękuje za pomoc :).