Comunidad de diseño web y desarrollo en internet online

Funcion javascript para cargar listas dinamicas

Citar            
MensajeEscrito el 04 Jun 2014 02:29 pm
El día de hoy traigo para ustedes una funcion creada en JavaScript con AJAX para cargar un SELECT por medio de JSON

Código Javascript :

//funcion para cargar listas en select dinamicos
// $where - donde debe cargar los datos que va a optener
// $dataKey - Identificado del la información solicitada, puede o no llevar valor
// $selectedKey - identificado de un elemento seleccionado, por defecto 0
// $file - ruta y nombre del archivo a que a ser ejecutado
// $message - array de datos como donde va el mensaje y que mensaje es
function setList($where,$dataKey,$selectedKey,$file)
{   
     var selected= '';
     $.ajax({
        type : 'POST',
        url  : $file,
        data : $dataKey,
        dataType : 'json',
        error:function(XMLHttpRequest, textStatus, errorThrown){
            console.log(arguments);
            var error;
            if(XMLHttpRequest.status === 404){ error='Error '+XMLHttpRequest.status+'. Pagina no encontrada'; }
if(XMLHttpRequest.status === 500){ error='Error '+XMLHttpRequest.status+'. Problemas con el servidor'; }
$('#'+$message.where).html(error);
        },
        success: function(data){
            $('#'+$where).empty();
            for (var i = 0;i < data.length; i++) {
                if ($selectedKey != 0 && $selectedKey==data[i].key){
                    selected = 'selected';
                }else{
                    selected = '';
                }
                $('#'+$where).append(''+data[i].value +'');
            }
            $('#'+$message.where).html("");
        }
    });
}

Con esta funcion lo que podemos hacer es cargar una lista (SELECT) dinamicamente, como se puede observar tiene varios parametros que en seguida voy a explicar.

  • $where -Este parametro que recibe la funcion es para indicar donde va a ser cargada la información solicitada.
  • $dataKey -Este parametro es utilizado para mandar parametros con valores que son necesarios para el filtrado de la información que se esta solicitando.
  • $selectedKey -Este parametro es para marcar como seleccionado alguno de los valores que van a ser solicitados.
  • $file -Este parámetro es la ruta al archivo al cual le vamos a pedir que nos mande la información.


Después de este post voy a realizar un ejemplo de como se puede usar esta función y como est su funcionalidad.

Por benkiatr

0 de clabLevel



Genero:Masculino  

programador sistemas web

chrome
Citar            
MensajeEscrito el 04 Jun 2014 04:29 pm
Lo vemos raro al tutorial, será que podrás poner la implementación en el html y el caso de uso? saludos!

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.