A medida que uno va desarrollando su propia aplicación, es normal crear un encabezado en el que se establece la autoría, el título y la descripción de la página que se está editando.

En desarrollo web, la edición de estos comentarios se puede crear de dos maneras.

En caso de manipular una hoja HTML, los comentarios se encierran entre estos dos símbolos.   “<!–     Comentarios        –>”

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
    Design and created by Blascarr

        blascarr.com
    Name       : Blascarr
    Description: index.php
    Version    : 1.0
        
        ** Comentarios que no aparecen escritos en la página
        **
-->

<html>
    
<head>
    <title>Comments</title>
</head>
<html>
   <body>
       Este comentario sí que aparece escrito.
   </body>
</html>
    

 

Y otra manera es crear los comentarios dentro de una hoja PHP, encerrados entre “ /* …………. */

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php
   
/*
   Design and created by Blascarr

        blascarr.com
    Name       : Blascarr
    Description: index.php
    Version    : 1.0
        
        ** Comentarios que no aparecen escritos en la página
        **
*/
?>

<html>
    
<head>
    <title>Comments</title>
</head>
   <body>
      Este comentario sí que aparece escrito.
   </body>
</html>

Aunque pueda parecer algo muy superficial utilizar una u otra, mostraremos el gran error de utilizar la primera de las opciones.

Una utilidad muy extendida en PHP es el uso de la serialización JSON o la interprestación de datos entre PHP y Javascript. Esto nos permite crear una robustez compatible entre los datos del servidor y el cliente; en lugar de hacer sucios trucos para introducir contenidos dinámicos en nuestra página.

Existen unas bibliotecas Jquery para incorporar llamadas asíncronas al servidor por Ajax, que se relacionan con el objeto XMLHttpRequest. Este tipo de objeto en JQuery se tratará como jqXHR ahora en adelante.

Resumidamente, lo que se puede hacer con este objeto es hacer una consulta en una base de datos a través de PHP y arrojar estos resultados a través de una API en Javascript que nos proporcione un servicio.


<!DOCTYPE html>
<html>
<head>
    <title>HTML Require</title>

    <script type="text/javascript" src="jquery-1.11.3.js"></script>
    <script type="text/javascript">
        function init(){
            $.ajax({
                url: "AJAXPHP/jsondata.php",
                
                beforeSend: function( xhr ) {
                xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
                }
            })
              .done(function( data ) {
                if ( console && console.log ) {
                  console.log( "Sample of data:", data.slice( 0, 100 ) );
                }
              });
        }

    </script>
</head>
<body >
    <button type="button" onclick="init()">Click Me!</button>
    <div id='target'><p>This text will be replaced when click button</p></div>
</body>
</html>

Con esta página sacada del siguiente post, lo que hacemos es realizar una llamada asíncrona a otra página llamada personas.php, que es la que aparece marcada en

 


Como Se puede ver en este ejemplo se hace una consulta a una base de datos y se introducen los datos dentro del contenedor de la página, pero si los comentarios están definidos como HTML, no nos va a hacer nada de caso esta consulta. Ya que Javascript solo serializa el contenido PHP, mientras que el HTML lo trata como texto en la página. Esto nos puede dar problemas en la interpretación de los datos por lo que es recomendable crear los comentarios como se ve más adelante, tratandolos como PHP.

 


<?php