AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, mejorando la interactividad, velocidad y usabilidad en las aplicaciones.
http://es.wikipedia.org/wiki/AJAX
index.php
code: js// Devuelve un objeto XMLHttpRequest
function Ajax(){
var xmlhttp = false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch (E){
xmlhttp = false;
}
}
if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function test()
{
var v1 = "uno";
var v2 = "dos";
ajax = getXMLHttpRequest();
ajax.open("POST", "file.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("v1="+v1+"&v2="+v2);
ajax.onreadystatechange = function()
{
if (ajax.readyState == 4)
{
showResult(ajax.responseText);
}
}
}
function showResult(str)
{
document.getElementById('contenedor').innerHTML = str;
}
index.php
code: html<div id="contenedor">
</div>
<input type="button" value="cargar" onclick="javascript:test()" />
Ahora ya podemos probar el codigo, para esto creamos un archivo de prueba.
file.php
code: html<pre>
<?php
print_r($_POST) ;
?>
</pre>
Hemos visto su implementacion, luego veremos como enviar un array y recibirlo como un objeto usando JSon