Me dieron la tarea de hacer un sitio web con HTML/CSS/JS y tener 3 botones que, cuando se hace clic, envían un código como "10", "01" y "11" a un programa C++. Se espera que el programa C++ envíe una respuesta y realice una función según el código que reciba. Envíe algunos datos al sitio web y el sitio web debería dar una respuesta al programa C++.

Soy bastante nuevo en Ajax y estoy tratando de entender si este es el camino correcto para que ambas partes se comuniquen entre sí.

por ahora hice esto en HTML :

 <button class="btn" id="btnfront" onclick="sendfrontimg()">front</button> <button class="btn" id="btnback" onclick="sendbackimg()">back</button> <button class="btn" id="btnboth" onclick="sendbothimg()">both</button>

y en el archivo Javascript (para un botón):

 function sendfrontimg() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "ajax_info.txt", true); xhttp.send(); }

y esta parte para que la función de callback de llamada tenga una respuesta del servidor:

 function sendfrontimg(callback) { var httpRequest = new XMLHttpRequest(); httpRequest.onload = function(){ // When the request is loaded callback(httpRequest.responseText);// We're calling our method }; httpRequest.open('GET', "/echo/json"); httpRequest.send(); }

es esto correcto hasta ahora?