Funcion devuelve valor demasiado pronto

xuturk · #1 (**permalink**) 29/03/2012, 06:08

Hola a todos de nuevo.

Me apsa un problemilla que ya me paso hace tiempo tambien pero que esta vez no puedo solucionar, vereis, la cosa es sencilla, pongamos que tengo un alert(que llama a la funcion getText()

La funcion getText() lo que hace es conectarse asincronamente mediante ajax a un fichero php que le devolvera el texto a mostrar en el alert.

El problema es que getText() devuelve un valor (undefined) antes de que haya recibido la respuesta ajax y por tanto no espera ni aun marcandolo como Async, no encuentro manera de hacer que la funcion getText espere a devolver lo que recibe en el function(msg).

El codigo es el siguiente.

Código:

function getText(type,text)
{
$.ajax({
			type: "POST",
 		  	url: "scripts/php/getxml.php",
   			data: "fichero=strings.xml&type="+type+"&text="+text,
   			success: function(msg)
			{
				return msg;
    		},
    		error: function()
    		{
    		alert("Error de conexion, por favor vuelva a intentarlo.");
    		return false;
    		}
  });
 }

a ver si alguien puede ayudarme.

Un saludo y muchas gracias!

emprear · #2 (**permalink**) 29/03/2012, 08:49

Sería bueno saber como estás llamando esa función

Ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/jslib/jquery-1.6.1.min.js"></script>
</head>
<body>
<p style="cursor: pointer" onclick="getText('honda');">CLICK</p>
<script type="text/javascript">
//<![CDATA[
function getText(modelo){
 
var request = $.ajax({
url: "fa.php",
type: "POST",
data: "modelo=" + modelo
});
 
request.done(function(msg){
alert( "El origen del modelo es: " + msg );
});
 
request.fail(function(jqXHR) {
alert( "Error al procesar: ");
});
  
}
//]]>
</script>
</body>
</html>

el fa.php

Código PHP:

Ver original<?php
if($_POST['modelo'] == 'honda'){
echo "Japones";
}else{
echo "otro";
}
?>

No uses como parámetro type en la url si type define el método que usas para enviar con ajax
Para forzar un error, corrompé el php, o cambiale la url a la función
Saludos

maycolalvarez · #3 (**permalink**) 29/03/2012, 08:56

me imagino que lo que haces es esto:

alert(getText('type','text'));

y como tu mismo lo has dicho ajax es asincrono por lo que realmente la funcion getText devolverá undefined.

tienes 2 opciones:

1- hacer el AJAX sincrono (poco recomendable) y que el navegador se congele esperando la respuesta.

2- pasar el calllback directamente para recibir la respuesta del server y así emitir el alert:

Código Javascript:

Ver originalfunction getText(type,text, mycallback)
{
$.ajax({
            type: "POST",
               url: "scripts/php/getxml.php",
               data: "fichero=strings.xml&type="+type+"&text="+text,
               success: mycallback,
            error: function()
            {
            alert("Error de conexion, por favor vuelva a intentarlo.");
            return false;
            }
  });
 }
 
getText('type','text', function (text) {
    alert(text);
})

DenniX · #4 (**permalink**) 29/03/2012, 11:33

Como dice Maykol, es asincrono no puedes capturar el retorno en el momento que quieres, creo que lo mejor es que tu codigo podria quedar asi :

function getText(type,text)
{
$.ajax({
type: "POST",
url: "scripts/php/getxml.php",
data: "fichero=strings.xml&type="+type+"&text="+text ,
success: function(msg)
{
alert( msg);
},
error: function()
{
alert("Error de conexion, por favor vuelva a intentarlo.");
return false;
}
});
}

y supongo que lo estas usando en un evento click de algun enlace o boton.

$("#mi_boton").click(function(){
getText(type, text);
});

Espero te sirva

xuturk · #5 (**permalink**) 30/03/2012, 01:04

Hola a todos, Muchas gracias por responder.

El problema estaba en que le ponia sincrono pero al recibir la respuesta hacia la devolucion y por tanto no guardaba nada tampoco, lo logre solucionar poniendo una variable de funcion y modificandola en el success y funciona perfectamente. no podia poner lo del alert como me comentais por que era solo un ejemplo, lo que hace esa funcion es devolver texto directamente y no siempre es tratado como un alert.

Muchas gracias por sus respuestas, tema solucionado. Un saludo!