Początki z AJAXem, poprawa skryptu

Question

Witam wszystkich.

Zaczynam pracę z AJAXem nie znając za dobrze JS, nie jest to raczej dobry pomysł jednak potrzebuję kilku skryptów z użyciem AJAX.

Mam takie pliki:

index.php

<label>Your name: 
</label>
<span id="ajaxButton" style="cursor: pointer; text-decoration: underline">
  Make a request
</span>
<?php
    $zmienna1 = "Hello !!!";
    $zmienna2 = "Cześć !!!";
?>

<script>
(function() {
  var httpRequest;
    document.getElementById("ajaxButton").onclick = function() { 
      var userName = "Dane";
      makeRequest('dan.php',userName); 
  };
  function makeRequest(url, userName) {
    httpRequest = new XMLHttpRequest();

    if (!httpRequest) {
      alert('Giving up :( Cannot create an XMLHTTP instance');
      return false;
    }
    httpRequest.onreadystatechange = alertContents;
    httpRequest.open('POST', url);
    httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    httpRequest.send('userName=' + encodeURIComponent(userName));
  }

  function alertContents() {
  if (httpRequest.readyState === XMLHttpRequest.DONE) {
    if (httpRequest.status === 200) {
      var response = JSON.parse(httpRequest.responseText);
      alert(response.computedString);
    } else {
      alert('There was a problem with the request.');
    }
  }
}
})();
</script>

i plik dan.php

<?php
$name = (isset($_POST['userName'])) ? $_POST['userName'] : 'no name';
$computedString = $name;
$array = ['userName' => $name, 'computedString' => $computedString];
echo json_encode($array);
?>

I teraz mam dwa pytania.

1) Jak wartości ze zmiennych PHP, $zmienna1 i $zmienna2 "włożyć" do zmiennej JS? 

2) Jak przesłać dwie zmienne do pliku dan.php?

Z góry dzięki za pomoc

Answer 1

1) Np tak 

var zmienna_js = "<?php echo $zmienna1; ?>";

Po wykonaniu pliku PHP na serwerze do przeglądarki trafi tekst w postaci.

var zmienna_js = "Hello !!!";

2) Obecnie wysyłasz tylko userName aby wysłac drugą trzeba je rozdzielić znakiem & czyli coś takiego nazwa1=wartosc1&nazwa2=wartosc2