Question

Hola buenas tardes; mi duda ahora es ¿Como controlar el orden de la ejecución de un codigo de javascript?

var cadena;
var msj = "Cargando";
  //OBTENER JSON
  $.ajax({
    url : "http://192.168.0.22:8081/JSON/datos.php",
    dataType: 'jsonp',
    success:function(h){
     alert("Success");
     alert(h);
     cadena = h;
     alert(cadena.status);
 },
 error:function(){
     alert("Error");
 }  
});
   //OBTENER JSON
   alert(msj);
   alert(cadena);
  //PINTAR PREGUNTAS
    for( var i = 0; i < cadena.registro.length; i++ ) {
     document.write("<div class=\"panel panel-default\"><div class=\"panel-heading\">"+
        cadena.registro[i].Pregunta + "</div> <div class=\"panel-body\">");
            for( var j = 0; j < cadena.registro[i].Respuestas.length; j++ )
      {
    document.write(" <div class=\"radio\">  <input type=\"radio\" name=\"optradio\">  "+cadena.registro[i].Respuestas[j]+"</div>");
      }
      document.write("</div></div></div>");
      }//PINTAR PREGUNTAS

En el código anterior si se ejecuta secuencialmente al momento de llegar a la seccion de "PINTAR PREGUNTAS" mi variable de cadena ya tendría el valor que se obtuvo en el callback de ajax pero como se ejecuta todo de manera asincrona al momento de pintar este aun no cuenta con un valor ¿Existe alguna forma de regular el flujo de ejecucion?

Answer 1

crea una funcion para pintar, de esta forma la podrias invocar dentro de $.ajax({}); con el callback success

ejemplo:

var msj = "Cargando";
function pintar(cadena)
{
   //OBTENER JSON
   alert(msj);
   alert(cadena);
  //PINTAR PREGUNTAS
    for( var i = 0; i < cadena.registro.length; i++ ) {
     document.write("<div class=\"panel panel-default\"><div class=\"panel-heading\">"+
        cadena.registro[i].Pregunta + "</div> <div class=\"panel-body\">");
            for( var j = 0; j < cadena.registro[i].Respuestas.length; j++ )
      {
    document.write(" <div class=\"radio\">  <input type=\"radio\" name=\"optradio\">  "+cadena.registro[i].Respuestas[j]+"</div>");
      }
      document.write("</div></div></div>");
      }//PINTAR PREGUNTAS
}

//OBTENER JSON
  alert(msj);
  $.ajax({
    url : "http://192.168.0.22:8081/JSON/datos.php",
    dataType: 'jsonp',
    success:function(h){
     alert("Success");
     msj = "end loading...";
     alert(h);
     pintar(h);
     alert(h.status);
 },
 error:function(){
     alert("Error");
 }  
});