Web Y Programas

Php ajax jquery

El método XMLHttpRequest (XHR) permite a los navegadores comunicarse con el servidor sin la necesidad de recargar la página. Este método, también conocido como Ajax (Asynchronous JavaScript and XML), permite la creación de aplicaciones ricas en interactividad.
Las peticiones Ajax son ejecutadas por el código JavaScript, el cual envía una petición a una URL y cuando recibe unarespuesta, una función de devolución puede ser ejecutada la cual recibe como argumento la respuesta del servidor y realiza algo con ella. Debido a que la respuesta es asíncrona, el resto del código de la aplicación continua ejecutándose, por lo cual, es imperativo que una función de devolución sea ejecutada para manejar la respuesta.

A través de varios métodos, jQuery provee soporte para Ajax,permitiendo abstraer las diferencias que pueden existir entre navegadores. Los métodos en cuestión son $.get(), $.getScript(), $.getJSON(), $.post() y $().load().
GET vs. POST
Los dos métodos HTTP más comunes para enviar una petición a un servidor son GET y POST. Es importante entender la utilización de cada uno.
El método GET debe ser utilizado para operaciones no-destructivas — es decir,operaciones en donde se esta “obteniendo” datos del servidor, pero no modificando. Por ejemplo, una consulta a un servicio de búsqueda podría ser una petición GET. Por otro lado, las solicitudes GET pueden ser almacenadas en la cache del navegador, pudiendo conducir a un comportamiento impredecible si no se lo espera. Generalmente, la información enviada al servidor, es enviada en una cadena de datos(en inglés query string).
El método POST debe ser utilizado para operaciones destructivas — es decir, operaciones en donde se está incorporando información al servidor. Por ejemplo, cuando un usuario guarda un artículo en un blog, esta acción debería utilizar POST. Por otro lado, este tipo de método no se guarda en la cache del navegador. Además, una cadena de datos puede ser parte de la URL,pero la información tiende a ser enviada de forma separada.
Tipos de Datos
Generalmente, jQuery necesita algunas instrucciones sobre el tipo de información que se espera recibir cuando se realiza una petición Ajax. En algunos casos, el tipo de dato es especificado por el nombre del método, pero en otros casos se lo debe detallar como parte de la configuración del método:
text : Para el transportede cadenas de caracteres simples.
html : Para el transporte de bloques de código HTML que serán ubicados en la página.
script : Para añadir un nuevo script con código JavaScript a la página.
json : Para transportar información en formato JSON, el cual puede incluir cadenas de caracteres, arreglos y objetos.
jsonp : Para transportar información JSON de un dominio a otro.
xml : Para transportarinformación en formato XML.
A pesar de los diferentes tipos de datos de que se puede utilizar, es recomendable utilizar el formato JSON, ya que es muy flexible, permitiendo por ejemplo, enviar al mismo tiempo información plana y HTML.
Aquí va un ejemplo de cómo utilizar ajax AJAX.
Lo primero que vamos hacer es importar la base de datos que utilizamos para el ejemplo, esta se encuentra dentrodel archivo comprimido con el nombre database.sql

Seguido de esto vamos a cambiar los valores del archivo consulta.php que esta dentro de la carpeta library.
Lo que vamos a cambiar es  la línea

1 | $connection=mysql_connect ('localhost', "root", "password"); |

Por lo datos de tu sistema gestor de base de datos mysql ya con este ya puede funcionar el ejemplo.

Básicamente el ejemploesta divido en dos .

El primero tiene una lista desplegable con la posibilidad de seleccionar los días de la semana y se va a mostrar en el recuadro debajo de esta el especial del dia.

Utilizamos el script javascript de nombre especial.js que esta dentro de la carpeta js 

Este script realiza una consulta que solamente se realiza una vez a un script con nombre specials.json dentro de la...