JavaSript se ejecuta en un cliente (en este caso) desde un navegador, php se ejecuta en un servidor, la forma de comunicarse entre ellos es (en general) mediante algun verbo http (GET, POST, PUT, etc), en donde el cliente (un navegador en este caso) realiza una petición de este tipo al servidor. Está bien dicho petición porque el servidor decide si le responde o no dependiendo de lo que se quiera.
En este caso que planteas, es necesario que esa petición transporte algún tipo de información, para que el servidor haga algo con ella.
Casi todas las formas que existen en las que el navegador haga una petición nos van a servir para llevar información al servidor.
Una forma habitual es haciendo ajax con JavaScript, mediante fetch
o XMLHttpRequest
la cual tiene la ventaja de ser asíncrona, la página no se recarga. Es decir con ajax lo que se hace es una petición http (GET, POST) al servidor.
Los formularios dentro de los tags <form>
con un botón tipo submit
también hacen una petición al servidor desde el HTML, esta forma es síncrona, la página se recarga, en ella indicamos también el verbo y la información que queremos enviar.
Los tags <img>
o <script>
entre otros, también hacen una petición (GET) al servidor desde HTML, en ellos la petición y/u otra información adicional está indicada en el atributo src
.
Desde el lado del servidor, este tiene que ser capaz de esperar lo que que quieres enviar cuando el cliente hace una petición.
En el caso de php y las peticiones GET, la variable superglobal $_GET
nos va a permitir acceder a las variables que se envíen por este medio, entonces si tenemos un archivo "codigo.php" en el que el contenido tenga:
$_GET['mi_variable']
cualquiera sea el medio que utilicemos para hacer una petición a "http://ejemplo.com?mi_variable=mi_valor" siempre vamos a obtener "mi_valor" en $_GET['mi_variable']
.
una forma en javaScrtip, como ya dije, podría ser:
fetch("http://ejemplo.com?mi_variable=mi_valor")
en HTML
<img src="http://ejemplo.com?mi_variable=mi_valor" />
y un formulario HTML va a funcionar también.
Lo que determina que forma quieres utilizar esta dado principalmente por que quieres recibir como respuesta, si es que quieres recibir algo, o la posibilidad de controlar cuando se envía la petición exactamente.
Como lo que quieres enviar está accesible o se genera en un entorno de JavaScript pareciera que lo mejor sería utilizar fetch
o XMLHttpRequest
, si no necesitas una respuesta del servidor, con solo hacer fetch("http://ejemplo.com?mi_variable=mi_valor")
será suficiente sino aqui tienes mas información.