przesyłanie wartości z zmiennej PHP do JS

Witam wszystkich.
Mam taki skrypt JS/AJAX

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  var id = "333";
  xhttp.onreadystatechange=function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("content-forum").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "skrypt.php?id=" + id, true);
  xhttp.send();
}

W jaki sposób przesłać wartość zmiennej np. $zmienna 1 z pliku index.php do zmiennej id w pliku JS?

Jeżeli ten plik JS jest przetwarzany przez PHP to możesz zawsze, na brudno, zrobić tam echo $zmienna. Najlepiej id przekazać jako parametr funkcji loadDoc().

Możesz podczas renderowania widoku zaszyć wartość zmiennej w atrybucie jakiegoś 'strategicznego' selektora. Nastepnie pobrać tę wartość js poprzez getAttribute().
Druga możliwość jest taka, że w funkcji loadDoc() wywołasz sobie inną która pobiera ajaxowo pożądaną wartość. Nad druga opcją trzeba się dobrze zastanowić czy jest ona odpowiednia do danego przypadku.

Możesz też przekazać do widoku zmienną która by zawierała globalne (tzn te wskazane przez Ciebie) zmienne js'owe - jeśli prześlesz to do widoku (zależy jak masz zrobione widoki) - w taki sposób jak podałem niżej - to byś mógł z tego zrobić ładny obiekcik js'owy

$this->view->jsVars = sprintf('var globalVars = "%1$s";', json_encode(['firstVar' => $_REQUEST['myRequestVar']]));

pisałem z głowy więc mogłem coś pochranić - bardziej chodzi o samą ideę.