Recuperar en html el valor de retorno de una web

alonsovillalobos · #1 (**permalink**) 28/06/2012, 15:20

Hola,

Necesito recuperar un valor que devuelve una llamada a una web y sé cómo hacer. Podría alguien ayudarme? Yo no sé programar más que o que he podido aprender trasteando.

El caso es el siguiente:

Quiero crear un formulario que reciba un valor numérico.
Con ese valor y otros parámetros, tengo que llamar a una web.
La web me devuelve un valor
Ese valor tengo que utilizarlo como parámetro para llamar a otra web.

He oido que se debe acer con ajax? No sé ni por dónde empezar...

maycolalvarez · #2 (**permalink**) 28/06/2012, 15:28

no, porque AJAX tiene una limitación de acceso a dominios externos, lo que puedes hacer es usar un WebService, o ajax crossdomain (JSONP por ejemplo)

alonsovillalobos · #3 (**permalink**) 28/06/2012, 15:47

eso de ajax crossdomain me lo han mencionado...

El código que tengo es el siguiente, pero no funciona:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin título</title>

<script type="text/javascript" src="jquery.xdomainajax.js"></script>

<script type="text/javascript">

$('#frmSolicitar').submit(function(event)
{
event.preventDefault();
var amount = $(this).find('input#amount').val();
var url = "https://my.flashiz.com/account/api/createInvoice?";
var apiKey = "392a12d884fe9e56f736ec3dde275fa59962d2a1";
var pinCode = "1234";
var data = {amount: amount, apiKey: apiKey, pinCode: pinCode, callback: true};

$.get(url, data, function(data) {
var invoiceId = data.responseText.match(/<p>(.+)<\/p>/)[1];
var url = "https://my.flashiz.com/account/api/invoiceQRCode?invoiceId=" + invoiceId;
$('#qr-code').html($('<img>').attr('src',url));
});

});
</script>

</head>

<body>
<div id="home_slider">
<p class="howto">ESTO ES UNA DEMO DE COMPRA ON-LINE</p>
<p class="howto"> </p>
<p class="howto"> </p>
<form id="frmSolicitar" name="frmSolicitar" action="" method="GET" _lpchecked="1">
<label>IMPORTE</label>
<input type="text" maxlength="100" name="amount" id="amount" value="">
<div class="clear"> </div>
<input id="enviar" name="enviar" type="submit" value="PAGAR">
</form>
</div>
<div id="qr-code"></div>

</body>
</html>