2

En una página web como esta donde se tiene una paginación de productos mediante AJAX, ¿cómo puedo obtener la URL a la que se hace GET o POST para obtener los productos? ¿Existe alguna manera de conseguirla?

Llevo un par de días intentándolo mediante firebug e imagino que habrá alguna manera de "interceptar" ese GET o POST.

Otra opción que he probado es la de leer el código fuente, buscando el JavaScript en al que se hace la llamada AJAX pero me parece demasiado complejo.

Un saludo.

Edito: Para que quede más claro. Imagina que en una página web está el siguiente código ajax:

$.ajax(
    type: "GET",
    url: "http://loquesea.com/carpeta/pagina/lo/que/sea.php",
    ...);

Cuando se hace scroll al final se llama a este código para traerse los productos y mostrarlos. Pues bien, necesito conocer esa url.

5
  • por que quieres obtener la url?
    – sioesi
    Commented el 16 dic. 2016 a las 17:42
  • Para obtener los productos mediante un crawler.
    – Román
    Commented el 16 dic. 2016 a las 17:44
  • cual es el ajax que no entiendes?
    – sioesi
    Commented el 16 dic. 2016 a las 17:46
  • No es que no entienda el ajax, es que no encuentro el ajax que hace el get o el post para traerse los productos y necesitaría la url.
    – Román
    Commented el 16 dic. 2016 a las 18:04
  • 1
    Probablemente porque el que diseño la web no queria que lo encontraras :3
    – sioesi
    Commented el 16 dic. 2016 a las 18:09

2 respuestas 2

4

Una opción es sobrescribir el constructor nativo XMLHttpRequest

Así por ejemplo:

// Guardamos el constructor nativo
var orgXHR = window.XMLHttpRequest;
function newXHR() {
  // Usamos el constructor original para crear el ajax
  var xhr = new orgXHR();
  // Guardamos la funcion original open
  var orgOpen = xhr.open;
  // Reemplazamos la funcion con una custom
  xhr.open = function() {
    console.log(arguments[1]);
    // Aplicamos la llamada original
    return orgOpen.apply(this, [].slice.call(arguments));
  }
  return xhr;
}

// Reemplazamos el constructor nativo
window.XMLHttpRequest = newXHR;

// Helper
function ajax(url) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url);
  xhr.send();
}

// Ajax 1
ajax('http://google.com');
// Ajax 2
ajax('http://es.stackoverflow.com');
// Ajax 3 usando JQuery
$.get('http://developer.mozilla.com');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

4
  • ¿Y si no usa jQuery? Su ejemplo usa jQuery pero no me queda claro que sea un requisito de la pregunta. Aún así marco como positiva porque da una solución parcial útil.
    – lilezek
    Commented el 16 dic. 2016 a las 19:11
  • @lilezek, he actualizado mi respuesta
    – Marcos
    Commented el 16 dic. 2016 a las 19:29
  • ¿Pero a eso todavía se le puede hacer bypass no? Usando elementos DOM de tipo script src="url a la que hacer get"... El debugger del explorador web sin embargo captura todas las conexiones de todas las formas posibles.
    – lilezek
    Commented el 17 dic. 2016 a las 13:47
  • @lilezek, usar un tag script no es hacer ajax. La pregunta apunta puntualmente a llamadas ajax usando javascript
    – Marcos
    Commented el 17 dic. 2016 a las 15:17
1

Usando el debugger de Google Chrome puedes capturar todas las peticiones que viajan por la red en un apartado llamado Network. Seguramente con Mozilla Firefox puedas hacerlo también. Cada vez que se hace una petición AJAX a otro sitio o para otro documento del mismo sitio debería reflejarse en la lista de conexiones.

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.