Detectar resolución con javascript y luego activar o desactivar un include php

[kahlito]

Hola de nuevo.

La verdad es que desde entonces he estado mirando todo tipo de opciones para resolverlo, incluyendo vuestros consejos (Triby y tuadmin) pero no lo conseguía, así que finalmente creo que casi estoy consiguiendo una opción que me puede servir, donde nada más cargar la web hago el scrtip para que lea la resolución y luego enviar ese valor a php para que este a la vez luego lo envie al template y este decida si cargar los includes o no. Por ejemplo así:

En el index tengo este script que creo que me puede servir de esta dos maneras, no se cual sería la más correcta.

Opción 1 con POST y respuesta en php externo.

Código Javascript:

<!-- Opción 1 a través de POST -->
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript"> 
 
var cargarInclude = 0;
 
$(document).ready(function(){   
 
    var resolucion = $( window ).width();    
 
    $.ajax({
        type:'POST',
        url:'views/modules/resolucionAjax.php',      
        data: { resolucion: resolucion },
        success:function(respuesta){
            console.log("Respuesta de Php:" +respuesta);
            //alert(respuesta);
 
            if(respuesta <= 767){
                console.log("La respuesta dentro de success es: No cargo include o cargo template móviles");                
                cargarInclude = 0;
            }
            else{
                console.log("La respuesta dentro de success es: Si cargo include o cargo template grande");               
                cargarInclude = 1;
            }            
            
        }
 
    });
 });
</script>
 

Luego en resolucionAjax.php recibo los valores para que ajax los vuelva a recibir como respuesta.

Código PHP:

<?php
$respuesta = $_POST["resolucion"];
echo $respuesta;
?>
 

Opción 2 en un mismo archivo.

Código Javascript:

<!-- Opción 2 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript"> 
 
var resolucionMoviles = false;
 
$(document).ready(function(){
    var width = window.innerWidth;
    var resolucion = $( window ).width();
    
    if(resolucion <= 767){
        console.log("No cargo include o cargo template móviles");
        cargarInclude = 0;
    }
    else{
        console.log("Si cargo include o cargo template grande");
        cargarInclude = 1;
    }
 });
</script>
 

Y luego la idea sería imprimirla en el index con php y ya así con esta variable hacer el resto.

Código PHP:

<?php
echo "<p>La variable cargarInclude viene desde jquery con valor: " .$cargarInclude."</p>";
?>
 

Pero claro no viene ningún valor ya que no se si es posible hacerlo así o como traer siguiendo estas dos opciones el valor obtenido en jquery con la variable cargarInclude para que lo lea php

¿Se puede hacer de esta manera? ¿Cómo podría pasar ese valor de jquery a php?

Gracias de nuevo por vuestra ayuda, saludos.