Bien muchos ya seremos algo familiares con la tecnica AJAX, para establecer una comunicación servidor-cliente de manera asincrona. En este articulo veremos como realizar un ejemplo de petición AJAX desde javascript a una aplicación PHP utilizando el metodo jQuery.ajax(). También recordemos que la ventaja de utilizar jQuery es que no tenemos que preocuparnos por la compatibilidad con los distintos navegadores, puesto que jquery maneja los casos y excepciones correctamente para ejecutar el codigo en los navegadores que existen actualmente.
El uso basico es el siguiente:
jQuery.ajax({
url:'colocar la url de la aplicacion web a enviar peticion',
type:'get o post ',
data:{
/*Aqui colocar los nombres de datos a enviar al servidor*/
}
}).done(
function(resp)/*resp sera la respuesta obtenida desde el servidor*/
{
/*Codigo*/
}
);
Basicamente lo que estamos haciendo es especificar en el metodo .ajax() una URL a la que vamos a enviar información, el metodo que puede ser ‘get’ o ‘post’ y datos a enviar, del mismo modo la funcion .done() evalua un codigo nuestro una vez que se ha obtenido una respuesta del servidor. El parametro resp dentro de la funcion anonima en este metodo done() representa el valor de dicha respuesta.
Veamos el siguiente ejemplo. Enviaremos un numero desde jquery a una aplicación PHP, la aplicación del servidor(php) respondera con una respuesta dependiendo del valor del numero.
Ejemplo:
El PHP:
<?php
$data = $_GET['number'];
if($data >=10)
echo "Numero ".$data;
else
echo "Cualquier otro numero :(";
?>
Archivo html con el javascript:
<!DOCTYE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
/*AJAX*/
jQuery.ajax({
url:'http://localhost/php/test.php',
type:'get',
data:{
number:'15',
informacion:10,
data:'hola'
}
}).done(
function(resp)
{
alert(resp);
}
);
</script>
</head>
</html>
Explicación en Video:
Una Pregunta Jorge por que me manda este error al utilizar la funcion $.ajax() en JQuery XMLHttpRequest cannot load file:///…..pagina servidor. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access.
hola…
Que mas.
ud en el video menciona que el archivo .html puede estar en cualquier lado ya que en url especifica donde esta el archivo .php(el cual debe estar en el servidor). Pero no funciona, solo me funciona si el .html esta en el servidor y en la misma carpeta del .php.
Saludos
ola, quisiera pedirte una ayuda, lo que pasa es que cuando coloco 2 scripts en este caso:
cuando las coloco juntas, se me anulan las acciones del uno por culpa del otro y quisiera saber como solucionarlo, le agradeceria mucho la ayuda que me prestes, att desde la patria colombia paisano.
“”
“”
script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js”></script
le quite las flechas por que no me lo deja mandar