1

Contexto: Tengo una variable global llamada "ip", y tengo una función que "imprime" el valor de la ip a través de GET, lo que requiero es: Crear una función que retorne el valor de la ip para poder asignarla a una variable cada vez que la necesite.

Hasta el momento tengo esto:

$.getJSON("http://jsonip.com?callback=?", function (data) {
  alert("Your ip: " + data.ip);
});

Perto yo quisiera guardar eso en una funsion para poder hacer esto (o algo similar) cada vez que ocupe la ip en mis procesos.

ip = getip();

(Soy honesto, soy nuevo en javascript y jquery, por eso recurro a su asistencia para poder complementar lo que necesito).

Muchas gracias de antemano.

1
  • Esto no se puede en javascript ya que la funcion getJSON es asyncrona, es decir, va a pasar un tiempo antes de poder devolver el valor, lo mas parecido a la forma de que lo quieres es usar async y await, pero son caracteristicas nuevas del lenguaje asi que tienes que usar babel o algun otro para poder darle compatibilidad para el browser, te dejo algunos links developer.mozilla.org/es/docs/Web/JavaScript/Referencia/…, babeljs.io el 21 ene. 2018 a las 2:56

2 respuestas 2

2

La función $.getJSON es asíncrona, es decir, no puedes acceder al valor del resultado (haya ido bien o no) al momento, debes de hacerlo a través de callbacks, Promises o Observables.

Ejemplo con Callbacks

$(function() {
  function getIP(callback) {
    $.getJSON('https://jsonip.com', (data) => {
      callback(data.ip);
    });
  }

  getIP(ip => console.log(ip));
});
<script src="https://code.jquery.com/jquery-3.3.0.min.js"></script>

Ejemplo con Promise

$(function() {
  function getIP() {
    return new Promise((resolve, reject) => {
        $.getJSON('https://jsonip.com', (data) => {
            resolve(data.ip);
        });
    });
  }

  getIP().then(ip => console.log(ip));
});
<script src="https://code.jquery.com/jquery-3.3.0.min.js"></script>

Ejemplo con Promise con el método fetch, sin jQuery

fetch('https://jsonip.com').then(res => res.json())
  .then(data => console.log(data.ip));

Ejemplo con Observables

function getIP() {
  return Rx.Observable.create(observer => {
      $.getJSON('https://jsonip.com', (data) => {
          observer.next(data.ip);
          observer.complete();
      });
  });
}

getIP().subscribe(ip => console.log(ip));
<script src="https://code.jquery.com/jquery-3.3.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.5.6/Rx.min.js"></script>

1
  • Es exactamente la información que buscada, en realidad aportaste más de lo que esperaba, eso lo agradezco infinitamente, eres muy amable. el 23 ene. 2018 a las 20:55
-3
var ip;

function getIp() {
    $.getJSON("http://jsonip.com?callback=?", function (data) {
        return data.ip;
    });
}

ip = getIp();

O bien

var ip;

function getIp() {
    var value;
    $.getJSON("http://jsonip.com?callback=?", function (data) {
        value = data.ip;
    });
    return value;
}

ip = getIp();
2
  • 2
    La función getJSON es asíncrona, esto quiere decir que puede o no retornar un valor, por lo tanto no puedes retornar tal cual el valor en el callback.
    – dddenis
    el 21 ene. 2018 a las 14:37
  • Y ya te animas a responder cuando alguien da la respuesta "fallida"?....
    – Reynald0
    el 21 ene. 2018 a las 17:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.