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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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