En los últimos días he tenido un problema que no he podido resolver, espero obtener su ayuda, por favor.
El problema es el siguiente: Estoy creando una página la cual tiene un modulo en el que se crean inputs dinamicamente pero cada uno de esos inputs debe regresarme un json al hacer un llamado a la API
que genera ese json
por medio ajax
y el método GET
, Tengo que validar que cada cadena ingresada sea correcta o en su defecto obtengo una respuesta GET 404 NOT FOUND
Lo estaba intentando solucionar con los http request pero solo me valida el primer input de todos los que se crean, he metido la validación en un ciclo for en el cual están todos los valores de los inputs pero siempre ejecuta al final de todo el proceso el código ajax
.
Lo que pasa en el código es que se ejecuta el ciclo for sin ejecutarse la parte del código ajax
, ya que el código ajax
se ejecuta después de ejecutarse el for. Esto me confunde mucho, espero su ayuda
Código
function procesar(){
var array = [];
var maximo = 1300;
var char2 = CKEDITOR.instances['semblanza'].getData().length;
var maximolineas = 1300;
var char2lineas = CKEDITOR.instances['lineas'].getData().length;
var maximoproy = 1300;
var char2proy = CKEDITOR.instances['proyectos_vigentes'].getData().length;
var cv = document.getElementById('cv').value;
var lineas = document.getElementById('lineas').value;
var semblanza = document.getElementById('proyectos_vigentes').value;
var doiarray = document.getElementsByName('doi2[]');
variable = true;
for(var i = 0; i < doiarray.length; i++){
var data = "http://api.crossref.org/works/"+doiarray[i].value;
if(doiarray[i] != "" && variable == true){
$.ajax({
type: 'GET',
url: data,
success: function(data, textStatus) {
if(variable=true ){
alert(variable+"3");
variable= true;
}
},error: function(xhr, textStatus, errorThrown){
variable = false;
alert("No se debe enviar formulario")
if(xhr.status=='405' || xhr.status=='404'){
alert("Ingresa una cadena valida")
}
console.log("No");
}
});
}else{
if(maximo>=char2 && maximolineas>=char2lineas && maximoproy>=char2proy){
variable = true;
alert(variable+"6");
}else{
variable = false;
alert(variable+"8");
alert("Numero de caracteres sobrepasados")
}
}
}
if (variable == true ){
document.forms['data'].submit()
}
}