Cargar HTML antes de traer los datos de la BD con AJAX

[Raditz99]

Buen día a todos, tengo una aplicación Web que realiza un "load" de un HTML dentro de un div llamado "contenido" dentro de otro HTML:

Código Javascript:

function main_descuentos()
{
    $("#contenido").load(".html/main_descuentos.html");
    init_des();
}
 

Como ven realizo un "load" desde el archivo "descuentos.html" y luego de eso llamo a la funcion "init_des()" que lo que hace es inicializar el formulario trayendo datos de la BD a través de AJAX con este código:

Código Javascript:

function init_des()
{
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            Cadena1 = xmlhttp.responseText.split('%')
            var selUsu = document.getElementById("selUsuarios");
            for (i=0 ; i<Cadena1.length-1 ; i++)
            {
                Cadena2 = Cadena1[i].split('|');
                var opt1 = document.createElement("option");
                opt1.value = Cadena2[0];
                opt1.text = Cadena2[1];
                selUsu.add(opt1);
            }
        }
    }
 
    xmlhttp.open("POST",".lib/link/linkDescuentos.php",true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("initDescuentos=1");
}
 

Lo que hace esta función es llenar un "select" con todos los usuarios que están registrados en la BD.

El problema es que en algunos casos funciona bien pero en otros casos trae los datos antes que termine el "load" del HTML y por consiguiente no encuentra el "select" respectivo para poner los datos en él y luego muestra el "select" vacío.

Ya he tratado cambiando la asincronicidad de "true" a "false" pero cuando hago eso ya nunca funciona.

Gracias por la ayuda!!!

[prueba230683]

Tienes que añadir el callback de esta forma:

Código javascript:

function main_descuentos()
{
    $("#contenido").load(".html/main_descuentos.html", init_des);
}
 

Así, la función init_des se ejecutará cuando termine de cargarse el contenido en el div.

Saludos

PD: Larga vida a Forosdelweb, el mayor foro de programación de habla hispana que murió por la codicia de su creador (Christian Van der Henst). Es una pena que una comunidad de más de medio millón de usuarios acabe en una web completamente disfuncional, pero esta fue la decisión de Christian.