Entrega Final

Código

buscar_ajax.php

Aquí se crea una función AJAX, básicamente vamos a utilizar AJAX para llamar a un fichero php y que nos aparezcan los resultados sin recargar la página. 

function AJAX() {
 this.Updater=carregarDados;
 function carregarDados(caminhoRetorno,idResposta,metodo,mensagem) {

 var divLista=document.getElementById(idResposta)
 conteudo.innerHTML= mensagem;

 var xmlhttp = getXmlHttp();


 xmlhttp.open(metodo.toUpperCase(), caminhoRetorno,true);


 xmlhttp.onreadystatechange=function() {

  if (xmlhttp.readyState==4){
 
  
  var texto=xmlhttp.responseText;
 
  
  texto=texto.replace(/\+/g," ");
  texto=unescape(texto);
 
  
 
  var conteudo=document.getElementById(idResposta);
  conteudo.innerHTML=texto;
  }
 }

xmlhttp.send(null);
}
}

function getXmlHttp() {
var xmlhttp;
try{
xmlhttp = new XMLHttpRequest();
}catch(ee){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
}
return xmlhttp;
}

Index.php

Aquí llamamos a la función AJAX lo que hace es emitir resultados, es decir, va a rellenar el mensaje de lo que estamos enviando.

  
 















.

.

.




        -   
              



Iistar_ajax.php



Aquí en listar_ajax se crea la conexión a la base de datos, selecciona la base de
datos,se selecciona todo de la tblcanción donde intExtra1 = 1, es decir

que si el checkbox está marcado lo que hará el ajax es regresar el valor de lo
que obtenemos de la consulta. En este caso es sacar la canción que marcamos
como favorito.

Listar_ajax.php

Aquí en listar_ajax básicamente lo que hacemos es crear la conexión a la base de datos, selecciona la base de datos Lo que básicamente hacemos le decimos es selecciónamelo todo de la tblcanción donde intExtra1 = 1, es decir que si el checkbox está marcado lo que hará el ajax es regresar el valor de lo que obtenemos de la consulta. En este caso es sacar la canción que marcamos como favorito.

Video- Reproductor adaptativo