Передача переменных через AJAX

Question

Я работаю над календарем на данный момент. Рядом с календарем я хочу иметь окно описания, в котором должна отображаться дополнительная информация об этом событии, когда пользователь нажимает на дату в календаре.

Что у меня до сих пор: HTML/PHP:

// Variables from MySQL request:  
$event 
$date 
$place 
$start 
$end 

<button type="button" onclick="event_description()">$day</button> 

<div id="details"></div> 

AJAX:

function event_description() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("details").innerHTML = xhttp.responseText; 
    } 
    }; 
    xhttp.open("GET", "kalender/description.php", true); 
    xhttp.send(); 
} 

Так что я могу сделать, так что я могу использовать переменные MySQL в description.php?

Благодарим за помощь!

Answer 1

Вы можете использовать что-то вроде этого ..

// Variables from MySQL request:   
$event 
$date 
$place 

///pass all the parameters in onclick function as arguments 

<button type="button" onclick="event_description('<?php echo $event ?>','<?php echo $date ?>','<?php echo $place ?>')">$day</button> 
<div id="details"></div> 

код сценария

<script> 
///get all the params here in function 
function event_description(event_name,date,place) { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("details").innerHTML = xhttp.responseText; 
    } 
    }; 

    /////create a string of all the parameters and pass this with requested url as query string and get all these params in target file using `$_GET[]` 

    var params = 'event_name='+event_name+'&date='+date+'&place='+place; 
    xhttp.open("GET", "kalender/description.php?"+params, true); 
    xhttp.send(); 
} 
</script>