Cómo insertar PHP en JavaScript

PHP es interpretado y ejecutado en el servidor, mientras que el código JavaScript se ejecuta en el cliente. Esto significa que el código JavaScript se ejecuta en el ordenador del usuario después de la página se envía al navegador. Sin embargo, el Ajax hace posible incrustar código PHP en JavaScript. Ajax es un tipo de comunicación asíncrona del servidor y se refiere a JavaScript asíncrono y XML, lo que ha dado paso a la Web 2.0. El uso de Ajax que no tiene que actualizar las páginas web para obtener información desde el servidor.

Instrucciones

1 Crear un nuevo archivo HTML. Ir a "Inicio-> Todos los programas-> Dreamweaver" para comenzar a Dreamweaver si ese es su editor de HTML, o abrir un editor de texto como Bloc de notas. Haga clic en "Archivo-> Nuevo" para crear un nuevo archivo HTML. Introduzca un nombre y elija una ubicación para el nuevo archivo HTML. Definir una nueva sección div en la página HTML que mostrará los resultados de una consulta.

2 Crear una función de JavaScript comenzando con <script language = "javascript" type = "text / javascript">. Crear una función que hace posible el Ajax. Crear otra función que solicitar datos desde el servidor. El código es el siguiente:

<Script language = "javascript" type = "text / javascript">

<! -

ajaxFunction función () {

var ajaxRequest; // The variable that makes Ajax possible!

tratar{

ajaxRequest = new XMLHttpRequest ();

}

catch (e) {alert ( "Su navegador rompió!");

falso retorno;

}

3 Definir variables para contener datos del servidor. Llamar al archivo PHP que contenga la información requerida mediante el uso de la función ajaxRequest.open. El código es el siguiente:

ajaxRequest.open ( "GET", "ajax-ejemplo.php" + queryString, true);

ajaxRequest.send(null);

4 Definir una función que va a recibir información devuelta desde el servidor:

ajaxRequest.onreadystatechange = function(){

si (== ajaxRequest.readyState 4) {

var ajaxDisplay = document.getElementById ( 'ajaxDiv');

ajaxDisplay.innerHTML = ajaxRequest.responseText;

}

}

5 Mostrar la información devuelta por la llamada PHP en un formulario. Haga clic en "Archivo-> Guardar" para guardar el archivo html. Ahora que ha creado una nueva forma usando JavaScript y archivo PHP. El código se ilustra como sigue:

<Input type = "botón" onclick = 'ajaxFunction) (' value = 'MySQL Query "/>

</ Form>

<Div id = "ajaxDiv '> Su resultado se mostrará aquí </ div>